/** Root Values**/
:root {
	--body-bg: linear-gradient(180deg, #f5f7fa 0%, #cc6699 100%);
	--msger-bg: #fff;
	--border: 1px solid #ddd;
	--left-msg-bg: #95c2fd;
	--left-msg-bg2: #4169e1;
	--right-note-bg: #9F5EF7 ;
	--right-note-bg2: #7344B2 ;
	--crBub-note-bg: #81FF00 ;
	--crBub-note-bg2: #7344B2 ;
	--left-msg-JesusBg: #ff0038;
	--left-msg-JesusBg2nd: #f08089;
	--right-msg-bg: #7b68ee;
	--scripture-txt-size: 26px;
	--scripture-ref-txt-size: 28px;
	--search-bar-color: #FAF7FF ;
	--scrollbarTrackColor: #EF77B3 ;
	--scrollbarBlockColor: #EFEFEF;
	--TopAndBottomFixedBars: #B710AD;
}
#NoteTabBtn,#AnswersTabBtn{
	border-radius: 5px 5px 0 0px;
	height:33px;
}
notesSearchOpt {
	font-size:16px;
	color:#000CFB;
	font-weight:bold;
	text-decoration: underline;
	text-decoration-skip-ink:none;
	}
#ScriptTabBtn, #RefTabBtn {
	height:33px;
	border-radius: 5px 5px 0 0px;
	background-color:white;
}
#searchError {
	color:red;
}
.SRTSearchHome {
	width:400px;
	background: #f5f7fa;
	justify-content:center;
	height:400px;
	}
.SRTSearchMobile {
	width:350px;
	margin-bottom:10px;
	justify-content:center;
}
.SRTSearchBroswer {
	border-top:solid;
	margin-bottom:10px;
	//background: red;
	justify-content:center;
	width:100%;
	height:100%;
}
searchNotice {
	font-size:20px;
	color:red;
	font-weight:bold;
}
.SearchTabHolder {
	display:flex;
	height:30px;
}
.SearchTab {
	padding-right:10px;
	display:flex;
	height:30px;
	border-top:solid;
	border-left:solid;
	border-right:solid;
	background-color:#efefefe;
	border-width:1px;
	border-radius: 5px 5px 0 0px;
}
.mapsMiniWindow {
	width:350px;
	height:200px;
	border: solid;
	background-image: url(images/miniMapWin.png);
	background-size: 102%;
	background-position: top;
	}
browseBib {
	font-size:20px;
	color:#000CFB;
	font-weight:bold;
	text-decoration: underline;
	text-decoration-skip-ink:none;
	}
gpLink {
	font-size:16px;
	color:#000CFB;
	font-weight:bold;
	text-decoration: underline;
	text-decoration-skip-ink:none;
	}
.SRTsearch{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	}
allSearchTopics {
	font-weight:bold;
	text-decoration: underline;
	text-decoration-skip-ink:none;
	}
allSearchTitle {
	font-size:20px;
	font-weight:bold;
	text-decoration: underline;
	text-decoration-skip-ink:none;
	}
#AllSearchOptionTopicsPics {
	width:28px;
	height:28px;
	
	}
#sideSearchOptionPics {
	width:25px;
	height:25px;
	
	}
#sideSearchLogo {
	width:75px;
	height:75px;
	margin-bottom:10px;
	}
.sideSearchSelect {
	width:225px;
	font-size:20px;
	justify-self: center;
	margin:0 20%;
	}
#mapMobileConsole {
	background-size: 102%;
	background-position: top;
	background-color: white;
	font-size:20px;
	color:white;
	width:100%;
	height:1000px;
	}
.sideSearch {
	border-color: black; border-style: solid;
	border-width: 1px; border-color: rgb(0,0,0);
	border-radius:3px;
	width:25px;
	height:25px;
	margin-left:5px;
	background-image: url(images/Search100.png);
	background-size: 100%;
	background-position: center;
	background-color: white;
	background-repeat:no-repeat;
	justify-content:center;
	}
#sideSearchBar {
	border-radius: 4px; 
	width:255px;
	margin-left:8px;
	height:25px;
	border: 1px solid #ff9800;
	}
.loaderContent {
	top:100px;
	position: absolute;
	//background: #f5f7fa;
	border-radius: 15px;
	height:200px;
	justify-content: center;
	width:340px;
	text-align: center;
	//flex: 0 0 800px;
	  }
.SRTLaunchBtn {
	width:50px;
	height:50px;
	background-image: url(images/SRTBack.png);
	background-size: 100%;
	background-position: center;
	background-color: white;
	background-repeat:no-repeat;
	position: absolute;
	top:200px;
	right:0;
	z-index:5;
	border-top: solid;
	border-bottom: solid;
	border-radius: 2px;
	border-width: 1px;
	border-left: solid;
	border-color: rgb(0,0,0);
	}
.preLoader {
	width:100%;
	height:100%;
	background:white;
	justify-content: center;
	position: fixed;
	display: flex;
	z-index:100;
	opacity: 1;
	transition: all  .3s ease-in-out;
	top:0;
}
.CommentsDiv, .BackBtnDiv {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(0,0,0);
	margin:5px;
}
.CommentsDiv{
	width:200px;
}
.activityHisList, activityEntryCom {
	width:100%;
	height: 370px;
	//calc(100%-160px);
	background: #EBEBEB;
}
.activityPanel {
	width:100%;
	height:120px;
	background: #C0C0C0;
}

.LoaderFaderAni {
	opacity: 0;
	transition: opacity .9s ease-in;
	visibility:none;
	//display:none;
}
	
/**FooterBox**/
.footerbox {
	position: absolute;
	bottom: 0;
	display: normal;
	flex-flow: column wrap;  
	justify-content: normal;
	width: 400px;
	max-width: 867px;
	margin: 25px 10px;
	border:white;
	border-style: solid;
}

/** TopLoggedOffFixedBar **/
.fixbarloggedoff { 
	width: 100%;
	position:absolute;
	left: 0px; 
	top: 0px; 
	height: 37px; 
	background-color: var(--TopAndBottomFixedBars); /** #cc6699**/
	z-index: 9;
	bottom: 0px;
	border-bottom: outline black;
} 
 
 /** TopLoggedInFixedBar **/
.fixbarloggedin { 
	width: 100%;
	height:35px;
	position:absolute;
	float:left;
	left: 0px; 
	top: 0px; 
	height: 39px; 
	background-color: var(--TopAndBottomFixedBars); /** #cc6699**/
	z-index: 99;
	bottom: 0px;
	border-bottom: outline black;
} 

/** Logged Off Search Bar Features **/
#searchloggedoff {
	flex: 0;
	background: var(--search-bar-color) ;
	border-style: inline-block;
	padding-left: 10px;
	border-radius: 25px;
	border-bottom: black;
	text-align: center;
	border-color: #D077D6 ;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: black;
	position: absolute;
	width: calc(100% - 262px); 
	height: 34px; 
	z-index: 16;
}

/** Logged in Search Bar Features **/
#searchloggedin {
	flex: 0;
	background: var(--search-bar-color) ;
	border-style: inline-block;
	padding-left: 10px;
	border-radius: 25px;
	border-bottom: black;
	text-align: center;
	border-color: #D077D6 ;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: black;
	position: absolute;
	width: calc(100% - 475px); 
	height: 34px; 
	z-index: 16;
}
.searchBarContainer {
	display:inline;
	background-color: blue;
	}
/** Top Bar Links **/
.TopBarLinks {
	position: absolute;
	right: 36px;
	top: 5px;
	color:white;
	font-weight: bold;
	font-size: 18px;
	padding: 1px;
	z-index: 14;
	float: right;
}

/** TopSettings Gear Button **/
.TopSetBtn {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px;
	z-index: 15;
}

/** Msg Input Area**/
.msger-inputarea {
	display: flex;
	padding: 0px;
	border-top: var(--border);
	background: #eee;
}

/** Msg Input Area x? **/
.msger-inputarea * {
	padding: 0px;
	border: none;
	border-radius: 3px;
	font-size: 1em;
}

/** Centers & Align HTML Main DIV Content **/
html {
	box-sizing: border-box;
}

/** UNKNOWN? **/
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}


/** Body **/
body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh; /**100% wouldn't set things off with scroll bar, "100vh" (vertical height) gives perfect desired scroll setup**/
	background-image: var(--body-bg);
	background-position: center;
	background-repeat:no-repeat;
	background-color: #cc6699;
	font-family: Verdana, sans-serif;
}

/** Scripture and Note Container - Number - 1 - _Duplicate This For More Scripture Areas_**/
.msger {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 1024px;
	margin: 35px 0px 0px 0px; /**Top Margin Side Margin**/
	height: calc(100% - 40px); /** 105% for overflow to set top border under FixedBar correctly **/
	border: var(--border);
	border-radius: 5px;
	background: var(--msger-bg);
	box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
	box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
	box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
}

/** Header? **/
.msger-header {
	display: flex;
	justify-content: space-between;
	padding: 15px;
	border-bottom: var(--border);
	background: #eee;
	color: #666;
}


/** MSG Chat? **/
.msger-chat {
	flex: 1;
	overflow-y: auto;
	padding: 10px;
	box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
	box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
}

/** Overall Scrollbar **/
.msger-chat::-webkit-scrollbar {
	width: 6px;
}
/** ScrollBar Track **/
.msger-chat::-webkit-scrollbar-track {
 	background: var(--scrollbarTrackColor);
}
/** ScrollBar Thumb **/
.msger-chat::-webkit-scrollbar-thumb {
 	background: var(--scrollbarBlockColor) ;
	border-radius: 40px;
}


/** Message  **/
.msg, .PassageNameContainer, .right-msg {
	display: flex;
	align-items: flex-end;
	margin-bottom: 1px; /** Vertical space between Verse Author and Number and its the scripture**/
}
.right-noteGen {
	display: flex;
	flex-direction: row-reverse;
}
	/**Contain user's name and notes**/
.noteContainer {
	display: block;
	align-items: flex-end;
}
.noteControlsCon {
	display:flex;
	flex-direction: row-reverse;
	height:35px;
	align-items: flex-end;
}
	
/** Last Type of Message? **/
.msg:last-of-type, .msgRightNote:last-of-type {
	margin: 0;
}
/** Last Type of Message? **/
.right-noteGen:last-of-type {
	margin: 0;
}

/** Message Image Properties **/
.msg-img, .UserPhotoCon{
	width: 35px;
	height: 35px;
	margin-right: 5px;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%; /** The original value was - cover **/
	border-radius: 20%;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
	overflow:auto;
}

/** Note Control Properties **/
.note-controls {
	width: 35px;
	height: 35px;
	margin-right: 1;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 95%; /** The original value was - cover **/
	border-radius: 20%;
	border-width: 1px;
	border-color: black;
}
/** Nav Buttons Properties **/
.nav-btns {
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 95%; /** The original value was - cover **/
	border-radius: 20%;
}
/** Bottom LeafList Button **/
.LeafListBtn {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
}


/** All Bubbles  **/
.msg-bubble {
	max-width: 450px;
	padding-bottom: 8px;
	padding-right: 1px;
	padding-left: 8px;
	padding-top: 1px;
	border-radius: 15px;
} 

/** Note Bubble **/
.note-bubble {
	max-width: 450px;
	padding: 8px;
	border-radius: 15px;
	border-color: red;
}
SRTHrTxt {
	font-size:26px;
	font-weight:bold;
	text-decoration: underline;
	text-decoration-skip-ink:none;
}
	SRTHrTxt2 {
	font-size:22px;
}
/** Jesus Bubble **/
.msg-JesusBubble .msg-bubble {
	max-width: 450px;
	padding: 8px;
	border-radius: 15px;
	background: #ff0038 ;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #bee2ff), color-stop(1, #95c2fd));
	background-image: -webkit-linear-gradient(bottom, var(--left-msg-JesusBg2nd) 15%, var(--left-msg-JesusBg) 100%);
	background-image: -moz-linear-gradient(bottom, var(--left-msg-JesusBg2nd) 15%, var(--left-msg-JesusBg) 100%);
	background-image: -ms-linear-gradient(bottom, var(--left-msg-JesusBg2nd) 15%, var(--left-msg-JesusBg) 100%);
	background-image: -o-linear-gradient(bottom, var(--left-msg-JesusBg2nd) 15%, var(--left-msg-JesusBg) 100%);
	background-image: linear-gradient(bottom, #bee2ff 15%, #ffffff 100%);
} 

/** Message Padding **/
.msg-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1px; /**Scripture text padding and note padding**/
}
/** Username of Note Added **/
.UserPostingName, userPostingName {
	margin-right: 1px;
	font-weight: bold;
	padding: 0px;
}
/** Scripture Author Name or Speaker name **/
.WriterOrSpeakerName {
	margin-right: 1px;
	font-weight: bold;
	padding: 0px;
}

/** Passage Name **/
.PassageName {
	margin-right: 1px;
	font-weight: bold;
	font-style: italic;
	font-size:26px;
	max-width: 450px;
	padding: 0px;
}

/** Passage Text **/
.PassageText {
	margin-right: 1px;
	font-size:24px;
	max-width: 450px;
	border-top: solid;
	border-radius: 15px;
	border-left: solid;
	padding: 3px;
} 

/** Overall Scrollbar **/
#SRTPanel::-webkit-scrollbar {
	width: 6px;
}
/** ScrollBar Track **/
#SRTPanel::-webkit-scrollbar-track {
 	background: var(--scrollbarTrackColor);
}
/** ScrollBar Thumb **/
#SRTPanel::-webkit-scrollbar-thumb {
	background: var(--scrollbarBlockColor) ;
	border-radius: 40px;
}
/**Scripture View Buttons **/
.interVerseFeaBtn {
	height:35px;
	width:35px;
}
.noteXontrolsNTools {
	width:30px;
	height:30px;
}
/**Verse Number **/

.VerseNumber {
	margin-right: 2px;
	font-style: italic;
	padding: 1px;
}
/** Message Date and Time Size **/
.msg-info-time, .noteInfoDis, .noteInfoCon {
	font-size: 0.85em;
}
.msg-info-time {
	margin-right: 5px;
	}
	.msg-info-time {
		font-size: 13px;
		//font-weight: bold;
		}
.noteInfoDis {
	//width:100%;
	}
/** Message Date and Time Size **/
.Newcr-info-time {
	font-size: 14px;
	display: none;
	color: red;
}

/** Message Text of Jesus **/
.msg-text-jesus {
	font-weight: bold;
	font-style: italic;
	color: red;
	font-size: var(--scripture-txt-size);
}
/** Scripture Text **/
.msg-text {
	font-size: var(--scripture-txt-size);
}
/** Size Commander for Scripture Author Text, Verse Number, Username of Note**/
.WriterOrSpeakerName, .VerseNumber, .UserPostingName {
	font-size: var(--scripture-ref-txt-size);
}

/** Right Note or Message **/
.right-msg,.CRright-msg,.CRright-msg, .right-noteGen, msgRightNote {
	flex-direction: row-reverse;
}

/** Left Scripture Bubble Features **/
.left-msg .msg-bubble {
	max-width: 450px;
	padding-bottom: 8px;
	padding-right: 1px;
	padding-left: 8px;
	padding-top: 1px;
	border-radius: 15px;
	color: #000 ;
	background: var(--left-msg-bg);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #4169e1), color-stop(1, #95c2fd));
	background-image: -webkit-linear-gradient(180deg, var(--left-msg-bg2) 15%, var(--left-msg-bg) 100%);
	background-image: -moz-linear-gradient(180deg, var(--left-msg-bg2) 15%, var(--left-msg-bg) 100%);
	background-image: -ms-linear-gradient(180deg, var(--left-msg-bg2) 15%, var(--left-msg-bg) 100%);
	background-image: -o-linear-gradient(180deg, var(--left-msg-bg2) 15%, var(--left-msg-bg) 100%);
	background-image: linear-gradient(180deg, #4169e1 15%, #95c2fd 100%);
} 

/** Right Note Bubble Features **/
.right-msg .msg-bubble {
	color: #fff ;
	border-bottom-right-radius: 0;
	background-image: linear-gradient(180deg, #9F5EF7 15%, #7344B2 100%);
	background-image: linear-gradient(180deg, #9F5EF7 15%, #7344B2 100%);
	//background: var(--right-msg-bg);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #9F5EF7), color-stop(1, #7344B2));
	//background-image: -webkit-linear-gradient(180deg, var(--right-note-bg2) 15%, var(--right-note-bg) 100%);
	//background-image: -moz-linear-gradient(180deg, var(--right-note-bg2) 15%, var(--right-note-bg) 100%);
	//background-image: -ms-linear-gradient(180deg, var(--right-note-bg2) 15%, var(--right-note-bg) 100%);
	//background-image: -o-linear-gradient(180deg, var(--right-note-bg2) 15%, var(--right-note-bg) 100%);
} 
/** Right Note Bubble Features **/
.CRright-msg .msg-bubble {
	color: #fff ;
	border-bottom-right-radius: 0;
	background-image: linear-gradient(180deg, #81FF00 15%, #448700 100%);
	background-image: linear-gradient(180deg, #81FF00 15%, #448700 100%);
	//background: var(--right-msg-bg);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #81FF00), color-stop(1, #448700));
	//background-image: -webkit-linear-gradient(180deg, var(--crBub-note-bg2) 15%, var(--crBub-note-bg) 100%);
	//background-image: -moz-linear-gradient(180deg, var(--crBub-note-bg2) 15%, var(--crBub-note-bg) 100%);
	//background-image: -ms-linear-gradient(180deg, var(--crBub-note-bg2) 15%, var(--crBub-note-bg) 100%);
	//background-image: -o-linear-gradient(180deg, var(--crBub-note-bg2) 15%, var(--crBub-note-bg) 100%);
	min-width:400px;
	min-height:150px;
} 
.crEntry, .addedCrEntry {
	max-width:300px;
	height: 45px;
	border: solid;
	border-color: black;
	border-width: 1px;
	background:white;
	color:black;
	display: flex;
	flex-wrap:wrap;
	font-size:24px;
}
 #crEntrieBtn {
	display:inline-block;
	float: right;
}
 .noteControlsCon {
	background: none;
}
.corner {
	margin-left: 8px;
	float:right;
	width:72px;
	height:45px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90%; /** The original value was - cover **/
}
 .activityPanel{
	overflow:scroll;
}
#verseBO1 {
	border-color: blue;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(160,160,255);
}
#verseBO {
	border-color: blue;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(160,160,255);
	border-top-right-radius: 10px;
}
 .actHisEnt {
	display: flex;
	flex-wrap:wrap;
}
 .NoCRAvail{
	align-item:center;
	font-size:40px;
   -webkit-text-stroke: 1px black;
   -webkit-text-fill-color: white;
 }
  .NoCRAvail2{
	align-item:center;
	font-size:40px;
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: white;
}
 .crnote2time {
	color:#919888
}
 .addedCrEntry, #addedCREntryDateTxt {
	display:none;
}
/** Msg Img **/
.right-msg,.CRright-msg, .msg-img, .UserPhotoCon, .msgRightNote {
	margin: 3px 3px 3px 3px;
}
#InputPanelTextCon {
	font-size:auto;
	max-height:30px;
	}
 /**Place the navbar at the bottom of the page, and make it stick **/
 .unavbar {
	background-color: #f2f2f2;
	border-top: solid;
	border-color: black;
	border-width: 1px;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	align-items: right;
	width: 100%;
	z-index:17;
}

/** Style the links inside the navigation bar **/
.unavbar a {
	float: right;
	display: block;
	color: black;
	text-align: left;
	padding: 0px 2px;
	text-decoration: none;
	font-size: 17.5px;
	width: 12.2%;
}

/** Style MyTable button **/
#MyTable, #UserTable {
	background-image: linear-gradient(180deg, #FA7878 0%, #FF2401 100%);;
}
/* Style MyBible button */
#MyBible, #UserBible {
	background-image: linear-gradient(180deg, #8DA9E3 0%, #022287 100%);;
}

/** Style MyProfile button **/
#MyProfile, #UserProfile {
	background-image: linear-gradient(180deg, #CFD89B 0%, #FDEC21 100%);;
}

/** Style MyStudies button **/
#MyStudies, #UserStudies {
	background-image: linear-gradient(180deg, #BDA0D8 0%, #7300AD 100%);;
}

/** Style MyLife button **/
#MyLife, #UserLife {
 	background-image: linear-gradient(180deg, #FFCE90 0%, #FF9705 100%);;
}

/** Style MyDomain button **/
#MyDomain, #UserDomain {
 	background-image: linear-gradient(180deg, #AEFFB4 0%, #089334 100%);;
}

/** Change the color of links on hover **/
.unavbar a:hover {
	background-color: #ddd;
	color: #f2f2f2; 
}

 .unavbarImg {
	width:24px;
	height:24px;
 }

/**Add a color to the active/current link, also corrects width&height when SRT Panel shown**/
.unavbar a.active {
 background-color: #04AA6D;
 color: white;
.navbar a.active {
   background-color: #04AA6D;
   color: white;
}

/** Bottom LeafList Button **/
.LeafListBtn {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
}
/** The subnavigation menu **/
.LeafListBtn {
	float: left;
	overflow: hidden;
}

/** Subnav button **/
.LeafListBtn .subnavbtn {
	font-size: 16px; 
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

/** Add a red background color to navigation links on hover **/
.LeafListBtn a:hover, .LeafList:hover .subnavbtn {
	background-color: red;
}

/** Style the subnav content - positioned absolute **/
.subnav-content {
	display: none;
	position: absolute;
	left: 0;
	background-color: red;
	width: 100%;
	z-index: 1;
}

/** Style the subnav links **/
.subnav-content a {
	float: left;
	color: white;
	text-decoration: none;
}

/** Add a grey background color on hover **/
.subnav-content a:hover {
	background-color: #eee;
	color: black;
}

/** When you move the mouse over the subnav container, open the subnav content **/
.LeafListBtn:hover .subnav-content {
	display: block;
}

/**Blue slide up box**/
.hid-box {
	top: 100%;
	position:relative;
	transition: all .3s ease-out;
	background: #428bca;
	height: 100%;
	border: solid;
	border-color: black;
}
	
.SRTPanelC {
	width:100px;
	height: 100px;
	background: #ffffff;
	height: 100%;
}

/**Image or Map displayed at top of SRT Panel**/
.SRTPanelHost {
	width: 100px;
	height: 100px;
	margin-right: 5px;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 98%; /** The original value was - cover **/
	border-radius: 20%;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
}
/**Add Notes Div**/
.AddNotesDiv {
	width: 35px;
	height: 35px;
	margin-right: 1;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 95%; /** The original value was - cover **/
	border-radius: 20%;
	border-width: 1px;
	border-color: black; 
}

.AddNotesDiv:hover > .hid-box{
	top: 80%;
}


@supports (-webkit-text-stroke: 1px black) {
   .NoCRAvail {
    -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: white;
  }
}
//JSON2DIV
/* Place the navbar at the bottom of the page, and make it stick */
)}
.NoteLocked, .noteUnLocked {
	width:45px;
	height:35px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}
.bnavbar {
	display:flex;
	background-image: linear-gradient(180deg, #ffffff 0%, #C9E1FD 100%);;
	background-color: #C9E1FD; /**B710AD color of top bar***/
	border-bottom: solid;
	border-color: #cc6699;
	border-width:1px;
	width: 100%;
	overflow:auto;
	left: 0px; 
	top: 36px; 
	height: 37px; 
	bottom: 0px;
	border-bottom: outline black;
	border-color: #cc6699;
 }
.btoolbar{
	display: flex;
	background-image: linear-gradient(180deg, #8AD2D4 0%, #017F82 100%);;
	background-color: 017F82; /**B710AD color of top bar***/
	border-bottom: solid;
	border-color: #cc6699;
	border-width:1px;
	width: 100%;
	border-radius:0 0 7px 7px;
	overflow:auto;
	left: 0px; 
	top: 36px; 
	height: 37px; 
	bottom: 0px;
	border-bottom: outline black;
 }
.mybiblenavbtn {
	width:200px;
	height:100%;
	background-image: linear-gradient(180deg, #4169e1 0%, #95c2fd 100%);
	background-color:#95c2fd;
	font-size:20px;
	border:solid;
	border-color:black;
	border-width:1px;
	line-height:3px;
}
.mybibleactivenavbtn {
	line-height:3px;
	width:200px;
	height:100%;
	background-image: linear-gradient(180deg, #4978FF 0%, #022287 100%);;
	background-color:#4169e1;
	font-size:20px;
	border:solid;
	border-color:black;
	border-width:1px;
}
 /***Window Cover ***/
.windowCover{
	display:none;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background:linear-gradient( rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.3) 100%);
	justify-content: center;
	color: white;
	z-index:8;
}
#menuVerseTxt{
	font-size:24px;
}
.vmenuOptImg {
	width:30px;
	height:30px;
	background-position: center;
	background-repeat: no-repeat;
    background-size: auto 100%;
    margin-left:3px;
    margin-bottom:3px;
}
.windowContent {
	margin:40px;
	height:500px;
	justify-content: center;
	width:340px;
	text-align: center;
}
.clsBtn {
	display:block;
	width: 35px;
	position: absolute;
	right:7%;
	font-size: 34px;
	height: 35px;
	color: white;
	text-align:center;
	line-height:35px;
}
  #vmenuOpt {
	background-image: linear-gradient(180deg, #f5f7fa 0%, #cc6699 100%);
	display: flex;
	align-items: right;
	z-index:10;
}
.vmenuOptTxt{
	padding:5px;
	font-size:23px;
	align-items: right;
}
.menus{
	padding:5px;
	font-size:23px;
	align-items: right;
}
					
/*End of Pop up menu options for verses*/
.boxLoading, .loaderUpdates {
	color:#D73C8C;
	font-size:24px;
	font-weight:bold;
	width:100%;
	border-radius:50px;
}
.topHeaderLogo {
	background-image:url("images/header.png");
	width: 198px;
	height:35px;
	background-position: center;
	background-repeat: no-repeat;
	display:fixed;
    background-size: auto 100%;
}
.topBarHeaderCon {
	display:fixed;
	}
/*My Bibleframework beginning*/
#SRTPanel {
	display: block;
	position: relative;
	height:100%;
}
/* Header Imgs*/
.headerlg {
	display: inline;
	width:198px;
	height:35px;
}
.headersm {
	display: none;
	width:35px;
	height:35px;
}
.msg-img {
    //line-height:2px;
	text-align:center; //centers text vertically
	//align-items:center;
}
.closeSRTbtn {
	display:flex;
	line-height:-3px;
	font-size:22px;
	right:0;
	align-items: right;
}
.closeSRT {
	border-color: black; border-style: solid;
	border-width: 1px; border-color: rgb(0,0,0);
	margin:5px;
	width:35px;
	height:35px;
	background-image:url(images/SRTClose.png);
	background-position: center;
	background-repeat: no-repeat;
    background-size: auto 80%;
}
.ComContentHolder {
	display: none;
}
.IntContentHolder {
	display:none;
}
	
.InputPanelC {
	display:block;
	height:0px;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	align-items: right;
	width: 100%;
	z-index:13;
	transition-property: all;
	transition-duration: .9s;
	transition: all .9s ease-out;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);x
}

/****InputPanel Tab*****/
.InputPanelName{
	display:flex;
	border-top:solid;
	border-left:solid;
	border-color:black;
	border-width:1px;
	background-color:#f2f2f2;
	width:275px;
	height:35px;
	border-radius: 15px 15px 0 0px;
	box-shadow: 5px 0px 5px 5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 8px 1px 48px 5px rgba(47, 91, 234, 0.175);
	ox-shadow: 5px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
					
.InputPanelIcon {
	border-radius: 15px 15px 0 0px;
	height:35px;
	width:37px;
	background-color:inherit;
}
.InputPanelText {
	height:35px;
	width:200px;
	font-size:25px;
	background-color:inherit;
}
.InputPanelCloseBtn {
	height:35px;
	width:35px;
	border-radius: 0px 15px 0 0px;
	background-color:inherit;
	background-image:url(images/closeBtn.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:center;
	
}
.InputPanelContent {
	background-color: #f2f2f2;
	border-top:solid;
	border-width:1px;
	border-color:black;
	width:100%;
	height:145px;
	box-shadow: 0 0px 15px 5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 8px 0px 48px 5px rgba(47, 91, 234, 0.175);
	box-shadow: 15px 0px 15px 5px rgba(0, 0, 0, 0.2);
	font-size:26px;
	padding-top:4px;
}
.inputBox {
	display:flex;
	height:35px;
}
#form-control{
	width:calc(100%-150px);
	padding:10px 0;
} 
/**Notification Panel attributes**/
.NotifyPanelC {
	display: block;
	height: 0px;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	align-items: right;
	width: 100%;
	z-index:13;
	transition: all 0.5s ease-in;
}
.closed {
    height: 180px;
    transition: all 0.2s ease-out;
}
.anUpAni {
    height: 180px;
    transition: all 0.2s ease-out;
}
/****Notification Panel Tab*****/
.NotifyPanelName{
	display:flex;
	border-top:solid;
	border-left:solid;
	border-color:black;
	border-width:1px;
	background-color:#f2f2f2;
	width:275px;
	height:35px;
	border-radius: 15px 15px 0 0px;
	box-shadow: 5px 0px 5px 5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 8px 1px 48px 5px rgba(47, 91, 234, 0.175);
	ox-shadow: 5px 0px 1px 0px rgba(0, 0, 0, 0.2);
}

.NotifyPanelIcon {
	border-radius: 15px 15px 0 0px;
	height:35px;
	width:37px;
	background-color:inherit;
	background-size:90% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.NotifyPanelText {
	height:35px;
	width:200px;
	font-size:25px;
	background-color:inherit;
}
.NotifyPanelCloseBtn {
	height:35px;
	width:35px;
	border-radius: 0px 15px 0 0px;
	background-color:inherit;
	background-image:url(images/closeBtn.png);
	background-size:25px 25px;
	background-repeat:no-repeat;
	background-position:center;
}
.NotifyPanelContent {
	display:flex;
	flex-wrap:wrap;
	background-color: #f2f2f2;
	border-top:solid;
	border-width:1px;
	border-color:black;
	padding:15px;
	width:100%;
	max-height:300px;
	min-height:145px;
	box-shadow: 0 0px 15px 5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 8px 0px 48px 5px rgba(47, 91, 234, 0.175);
	box-shadow: 15px 0px 15px 5px rgba(0, 0, 0, 0.2);
	font-size:22px;
} 
/*ShareOn Panel Question and Answer setup*/
.SOPanelText {
	width:80%;
}
.SOPanelAnswerBtn {
		width:19%;
}
.SOPanelAnswerImgCon {
		width:19%;
}
/**SRT Panel attributes**/
.SRTPanelHost {
	display:flex;
	flex-wrap: wrap;
	padding-top:10px;
	flex: 1;
	overflow-y: auto;
	width:0px;
	margin: 25px 1px; /**Top Margin Side Margin**/
	max-width: 424px;
	height: calc(100% - 52px); /** 105% for overflow to set top border under FixedBar correctly **/
	border: var(--border);
	border-radius: 10px;
	box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
	box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
	box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
	background-color:#ffffff;
	transition: all 0.3s ease-in;
}
.SRTPanelAni {
    width: 400px;
    transition: all 0.3s ease-out;
}
MITT {
	font-weight:bold;
	font-size:25px;
}
.MITabHolder {
	display:flex;
	height:30px;
}
.MITab {
	display:flex;
	height:30px;
	width:350px;
	border-top:solid;
	border-left:solid;
	border-right:solid;
	background-color:#efefefe;
	border-width:1px;
	border-radius: 10px 10px 0 0px;
}
.MITabIcon {
	height:28px;
	width:28px;
	background-size:25px 25px;
	background-repeat:no-repeat;
}
.MITagCon {
	display: flex;
	flex-wrap:wrap;
	width:100%;
	height: 40px;
}
.MITabText {
	height:30px;
	width:100px;
	font-size:15px;
	align-text:left;
}
	
#CommentaryTabBtn{
	border-radius: 10px 10px 0 0px;
}
#ICTabBtn{
	border-radius: 10px 10px 0 0px;
}
#MoreInfoTabBtn {
	height:32px;
	border-radius: 10px 10px 0 0px;
	background-color:#ffffff;
}
.MIContentHolder {
	border-top:solid;
	border-width:1px;
	border-radius: 0px 0px 15px 15px;
}
.ComContentHolder {
	border-top:solid;
	border-width:1px;
	border-radius: 0px 0px 15px 15px;
}
.IntContentHolder {
	border-top:solid;
	border-width:1px;
	border-radius: 0px 0px 15px 15px;
}
.MediaInfoText {
	display: inline-block;
	font-size:20px;
	width:175px;
	height:175px;
}
.scriptureLocTxt {
	font-size:16px;
	display: inline;
	color:#000CFB;
	text-decoration: underline;
	text-decoration-skip-ink:none;
}
.MediaLinkContainer {
	width:220px;
	height:240px;
	border-radius:5px;
	background-color:#dedede;
}
.MapHolder {
	background-color:orange;
	background-size: 100%;
	background-repeat: no-repeat;
	width:220px;
	height: 220px;
	border-radius: 5px;
	margin-right:20px;
	margin-top:2px;
}
	
/**SRTPanel Location Text - Light Grey**/
.MapContainer {
	display:flex;
	background-color: #f2f2f2;
	width:100%;
	height: 220px;
	border-radius: 5px;
	padding: 1px;
}
		

.form-control, .formcontrol, #firstDropMenu{
	display:block;
	height:calc(1.5em + .75rem + 2px);
	padding:.375rem .75rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#495057;
	margins: 0px;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #ced4da;
	border-radius:.25rem;
	transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.form-control, .formcontrol {width:calc(70%-120px) }
#firstDropMenu{width:80%;}
@media (prefers-reduced-motion:reduce){
.form-control{
	transition:none
	}
}
.form-control::-ms-expand{
	background-color:transparent;
	border:0
}
.form-control:-moz-focusring{
	color:transparent;
	text-shadow:0 0 0 #495057
}
.form-control:focus{
	color:#495057;
	background-color:#fff;
	border-color:#80bdff;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-webkit-input-placeholder{
	color:#6c757d;
	opacity:1
}
.form-control::-moz-placeholder{
	color:#6c757d;
	opacity:1
}
.form-control:-ms-input-placeholder{
	color:#6c757d;opacity:1
}
.form-control::-ms-input-placeholder{
	color:#6c757d;opacity:1
}
.form-control::placeholder{
	color:#6c757d;
	opacity:1
}
.form-control:disabled,.form-control[readonly]{
	background-color:#e9ecef;
	opacity:1
}
input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
select.form-control:focus::-ms-value{
	color:#495057;
	background-color:#fff
}.form-control-file,.form-control-range{
	display:block;
	width:100%
}
.col-form-label{
	padding-top:calc(.375rem + 1px);
	padding-bottom:calc(.375rem + 1px);
	margin-bottom:0;
	font-size:inherit;
	line-height:1.5
}
.col-form-label-lg{
	padding-top:calc(.5rem + 1px);
	padding-bottom:calc(.5rem + 1px);
	font-size:1.25rem;
	line-height:1.5
}
.col-form-label-sm{
	padding-top:calc(.25rem + 1px);
	padding-bottom:calc(.25rem + 1px);
	font-size:.875rem;line-height:1.5
}
.form-control-plaintext{
	display:block;
	width:100%;
	padding:.375rem 0;
	margin-bottom:0;
	font-size:1rem;
	line-height:1.5;
	color:#212529;
	background-color:transparent;
	border:solid transparent;
	border-width:1px 0
}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{
	padding-right:0;
	padding-left:0
}
.form-control-sm{
	height:calc(1.5em + .5rem + 2px);
	padding:.25rem .5rem;
	font-size:.875rem;
	line-height:1.5;
	border-radius:.2rem
}
.form-control-lg{
	height:calc(1.5em + 1rem + 2px);
	padding:.5rem 1rem;
	font-size:1.25rem;
	line-height:1.5;
	border-radius:.3rem
}
select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{
	height:auto
}

#BibleToolBar{
	font-size:22px;
}
	.btbCon{
	padding-left:3px;
	padding-right:3px;
}
.form-control3{
	background-color:transparent;
	border-color:black;
	border-radius:5px;
	width:265px;
}
/*My Bible Frame work end**/
body {
	background-color:#cc6699;
}
#searchloggedin {
	display: inline;
}
.settingOptImg {
	width:30px;
	height:30px;
	background-position: center;
	background-repeat: no-repeat;
    background-size: auto 100%;
    margin-left:3px;
    margin-bottom:3px;
}
.closeSRT {
	width:35px;
	height:35px;
	background-image:url(images/SRTClose.png);
	background-position: center;
	background-repeat: no-repeat;
    background-size: auto 80%;
}
.universalClsBtn {
	margin:3px;
	border-radius: 3px;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
	width:15px;
	height:15px;
	background-image:url(images/closeBtn.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 80%;
	position: absolute;
	margin:4px;
	top:0;
	right:0;
}
.universalClsBtnTP {
	margin:3px;
	border-radius: 3px;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
	width:18px;
	height:18px;
	background-image:url(images/closeBtn.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 80%;
}
.TPwindowBtns {
	margin:3px;
	width:20px;
	height:20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.tpWindowTools {
	display:flex;
	flex-wrap:wrap;
	position: absolute;
	width: 82px;
    margin:4px;
    top:0;
    right:0;
}
#settingOpt {
	display: flex;
	align-items: right;
	z-index:10;
}
.settingOptTxt{
	padding:5px;
	font-size:23px;
	align-items: right;
}

@media screen and (max-width: 992px) {
	#btbBtnText{display:none}
	#btbBtnText2{display:none}
	.SRTSearchHome {
	width:350px;
		}
	.btbCon{
		padding-left:0px;
		padding-right:0px;
		//background-color: blue;
		width:40%;
		}
		
	.btbCon2{
		padding-left:0px;
		padding-right:0px;
		width:40%;
		}
	.form-control3{
		border-color:black;
		border-radius:5px;
		width:60%;
		margin-right:0;
		}

	#SRTPanel{
		z-Index: 2;
		right: 0;
		top: 0;
		height: 100;
		position:absolute;
		}
	#searchloggedin {
		display: none;
		width: calc(100% - 270px); 
		height: 34px; 
		z-index: 2;
		}
	.SRTPanelHost {
		max-width: 354px;
		}
	.unavbar a {
		line-height: 0; 
		font-size: 0;
		color: transparent; 
		}
	.unavbar {
		background-color: transparent;
		border:none;
		}
	.LeafListBtn {
		border-top:solid;
		border-left:solid;
		border-right:solid;
		background-color:#efefefe;
		border-width:1px;
		width:27%;
		border-radius: 10px 10px 0 0px;
   	background-color:#fff;
		}
	.LeafListBtn b {
		line-height: 0; 
		font-size: 0;
		color: transparent; 
		}
	.unavbarImg {
		width: 50px;
		height: 50px;
		}

	/** Style MyTable button **/
	#MyTable {
		border-top:solid;
		border-left:solid;
		border-right:solid;
		border-width:1px;
		border-radius: 10px 10px 0 0px;
		}
	/* Style MyBible button */
	#MyBible {
		border-top:solid;
		border-left:solid;
		border-right:solid;
		background-color:#efefefe;
		border-width:1px;
		border-radius: 10px 10px 0 0px;
		}

	/** Style MyProfile button **/
	#MyProfile {
		border-top:solid;
		border-left:solid;
		border-right:solid;
		background-color:#efefefe;
		border-width:1px;
		border-radius: 10px 10px 0 0px;
		}

		/** Style MyStudies button **/
	#MyStudies {
		border-top:solid;
		border-left:solid;
		border-right:solid;
		background-color:#efefefe;
		border-width:1px;
		border-radius: 10px 10px 0 0px;
		}

		/** Style MyLife button **/
	#MyLife {
		border-top:solid;
		border-left:solid;
		border-right:solid;
		background-color:#efefefe;
		border-width:1px;
		border-radius: 10px 10px 0 0px;
		}

		/** Style MyDomain button **/
	#MyDomain {
		border-top:solid;
		border-left:solid;
		border-right:solid;
		background-color:#efefefe;
		border-width:1px;
		border-radius: 10px 10px 0 0px;
		}
	.searchBtn {
		display: inline-block;
		position: absolute;
		background-image:url(images/Search100.png);
		background-position: center;
		background-size: auto 100%;
		width:35px;
		height:35px;
		top: 0px;
		right: 36px;
		padding: 0px;
		z-index: 1;
		float: right;
	}
	.TopBarLinks {
		display: inline-block;
		float:right;
		right: 71px;
	}
     .cBoxTab, .TPboxTab {	
		bottom:0px;
		padding-right:25px;  
	}
     
	.CmessageBox {
		margin-bottom:100px;
		bottom: 0px;
		right:0;
	}
	.closed {
		height: 180px;
		transition: all 0.2s ease-out;
	}
		
	.MITabHolder {
		display:flex;
		height:30px;
	}
	.MITab {
		display:flex;
		height:30px;
		width: auto;
		padding-right:5px;
		border-top:solid;
		border-left:solid;
		border-right:solid;
		background-color:#efefefe;
		border-width:1px;
		border-radius: 10px 10px 0 0px;
	}
	.MITabIcon {
		height:28px;
		width:28px;
		background-size:25px 25px;
		background-repeat:no-repeat;
	}
	.MITabText {
		height:30px;
		width: auto;
		font-size:15px;
		align-text:left;
	}
	
	#MoreInfoTabBtn {
		height:32px;
		border-radius: 10px 10px 0 0px;
		background-color:#ffffff;
	}
	.MIContentHolder {
		width: 100%;
		height:100%;
		padding:5px;
	}
	
	.MediaInfoText {
		width:175px;
		height:175px;
	}
	.MediaLinkContainer {
		width:150px;
		height:170px;
		border-radius:5px;
		background-color:#dedede;
	}
	.MapHolder {
		background-color:orange;
		background-size: 100%;
		background-repeat: no-repeat;
		width:150px;
		height: 150px;
		border-radius: 5px;
		margin-right:20px;
		margin-top:2px;
	}
	
/**SRTPanel Location Text - Light Grey**/
	.MapContainer {
		display:flex;
		background-color: #f2f2f2;
		width:100%;
		height: 160px;
		border-radius: 5px;
		padding: 1px;
	}
		
	.SRTPanelAni {
		width: auto; 
		right:0;
		transition: all 0.5s ease-out;
	}
}
  
  

  
/* The container <div> - needed to position the dropdown content */
.TopSetBtn {
	display: inline-block;
	float:right;
	right:0;
}
.dropbtn {
	background-color: transparent;
	cursor: pointer;
	background-image:url(images/settings.png);
	background-position: center;
    background-size: auto 100%;
    width:35px;
    height:35px;
}
  /* Dropdown Content (Hidden by Default) */
.settingsOptionsDropMenu {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	width: 260px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 101;
	float:right;
	right:0;
}

/* Links inside the dropdown */
.settingsOptionsDropMenu a {
	color: black;
	padding: 7px 12px;
	text-decoration: none;
	text-weight: 2px;
	display: block;
	font-size:20px;
}

/* Change color of dropdown links on hover */
.settingsOptionsDropMenu a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .settingsOptionsDropMenu container when the user clicks on the dropdown button) */
.showSO {display:block;}
.show  {display: block;}
.AccountSettingsOption {
	background-image: linear-gradient(180deg, #f5f7fa 0%, #cc6699 100%);
	}
.TableSettingsOption {
	background-image: linear-gradient(180deg, #FA7878 0%, #FF2401 100%);;
	}
.BibleSettingsOption {
	background-image: linear-gradient(180deg, #8DA9E3 0%, #022287 100%);;
	}
.ProfileSettingsOption {
	background-image: linear-gradient(180deg, #CFD89B 0%, #FDEC21 100%);;
	}
.StudiesSettingsOption {
	background-image: linear-gradient(180deg, #BDA0D8 0%, #7300AD 100%);;
	}
.LifeSettingsOption {
	background-image: linear-gradient(180deg, #FFCE90 0%, #FF9705 100%);;
	}
.DomainSettingsOption {
	background-image: linear-gradient(180deg, #AEFFB4 0%, #089334 100%);;
	}
.LogoutOption {
	background-image: linear-gradient(180deg, #F3FFE3 0%, #6D6D6D 100%);;
	}
#settingAOpt {
	display:none;
	background-image: linear-gradient(180deg, #F3C700 0%, #F4E18C 100%);;
}


/* The container <div> - needed to position the dropdown content */

.chatBoxCon {
	bottom:0;
	right:0
	}
.CmessageBox {
	display:none;
	position: fixed;
	border-radius: 5px;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background-color: #fff;
	margin-bottom:100px;
	margin-right:25px;
	bottom: 0px;
	right:0;
	min-width:300px;
	min-height:250px;
	z-index:10;
}
.messageBoxProfilePicClass {
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	align-items: right;
	width:24px;
	height:24px;
	background-color: #555555;
	background-position: center;
    background-size: auto 100%;
    background-repeat:no-repeat;
}
.TPBoxProfilePicClass {
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	align-items: right;
	width:24px;
	height:24px;
	background-color: #555555;
	background-image:url(images/ThoughtPool.png);
	background-position: center;
    background-size: auto 100%;
    background-repeat:no-repeat;
}
#CmessageBoxTitle {
	margin:2px;
	display:flex;
}
#TPBoxTitle {
	margin:2px;
	display:flex;
}
/* LeafList Content (Hidden by Default) */
.myLeafList-content {
	display: inline;
	height: 0px;
	position: fixed;
	border-radius: 5px;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
	min-width: 240px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 12;
	background-color: #fff;
	margin-bottom:50px;
	bottom: 0px;
	visibility: hidden;
	transition: all 0.2s ease-in;
}
.LeafListAni {
    height: 180px; 
    transition: all 0.2s ease-out;
    visibility:visible;
}
.leafListContacts {
	background-color: #f1f1f1;
	margin-bottom:10px;
	overflow: scroll;
	max-height: 150px;
}
.leafListConEnt {
	padding: 10px 5px;
	border-bottom: 1px solid;
	display:flex;
	align-items: right;
}
	.LLContactProfilePic {
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	align-items: right;
	width:24px;
	height:24px;
	background-color: #555555;
	background-position: center;
    background-size: auto 100%;
    background-repeat:no-repeat;
}

/* Links inside the dropdown */
.myLeafList-content a {
	color: black;
	padding: 15px 4px;
	text-decoration: none;
	display: block;
}
.LeafListConTxt {
	font-size:18px;
}
/* Change color of dropdown links on hover */
.leafListConEnt a:hover {background-color: #ddd;}

/*MessageBox settings*/
.chatToolsConsole {
	padding:0px 0;
}
/*Chat Messages Container*/
#chatbox {
	text-align: left;
	margin: 0 10px;
	margin-bottom: 5px;
	padding: 0px;
	background: #fff; 
	height: 185px; 
	width: 330px; 
	border: 1px solid #a7a7a7; 
	overflow: scroll;
	border-radius: 4px; 
	border-bottom: 4px solid #a7a7a7;
} 
#MSGusermsg, #TPusermsg, #AEusermsg, #commentInputBox { 
	flex: 1; 
	border-radius: 4px; 
	width:255px;
	margin-left:8px;
	height:25px;
	border: 1px solid #ff9800;
}
     
#name { 
	border-radius: 4px; 
	border: 1px solid #ff9800; 
	padding: 5px 8px;
} 
     
#submitmsg, #enter{ 
	height:30px;
	background: #5AB300; 
	border: 2px solid #2C5800; 
	color: white; 
	margin-bottom:5px;
	padding: 1px 10px; 
	font-weight: bold; 
	line-height:3px;
	border-radius: 4px;
}

.cBoxTab, .TPboxTab {
	display: inline;
	border-radius: 8px;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
	position: fixed;
	right:0;
	bottom:0px;
	padding-right:25px;
	background: #fff; 
	min-width: 150px;
	height:0px;
	z-index:10;
	transition: all 0.2s ease-in;
 }
.cBoxTabAni, .TPBoxTabAni {
	height: 90px;
	transition: all 0.2s ease-out;
}
.rightMsg, .CRright {
	opacity: 0.1;
    visibility: visible;
 	transition: all  .2s ease-in-out;
}
.CRright {
	display: none;
	opacity: 0.1;
	visibility: visible;
	transition: all  .2s ease-in-out;
}
.tabLinkClass{
	display:flex;
	margin:3px;
	font-size:18px;
}

.SRTFader {
	opacity: 0.1;
	visibility: visible;
	transition: all  .3s ease-in-out;
}
.SRTFaderAni {
	opacity: 1;
	transition: opacity 3s ease;
}
 @media screen and (max-width: 480px) {
 	.CRright-msg .msg-bubble {
 	min-width: 80%;
 
 }
 .crEntry, .addedCrEntry {
 	max-width: auto;
 	min-width: auto; 
 font-size:14px;
 }
 	#searchloggedoff {
	
	width: calc(100% - 100px); 
	
}
#searchloggedin {
		
		width: calc(100% - 105px); 
		
		}
	.mybiblenavbtn,  .mybibleactivenavbtn{
		font-size:10px;
	}
	.unavbar a {
		max-width: 12.2%;
		width:auto;
	}
	.form-control3{
		border-color:black;
		border-radius:5px;
		width:55%;
		margin-right:0;
		}
/* Header Imgs*/
	.headerlg {
		display: none;
		width:198px;
		height:35px;
	}
	.CmessageBox {
		margin-right:0;
		margin-bottom:80px;
	}
	.headersm {
		display: inline;
		height:35px;
		width:35px;
	}
	.topHeaderLogo {
		background-image:url("images/logoHeader.png");
		background-position: center;
		background-size: auto 100%;
		width: 35px;
		height: 35px;
	}
 	.unavbarImg {
		width: 35px;
		height: 38px;
	}
 .interVerseFeaBtn {
		height:30px;
		width:30px;
	}
 	/** All Bubbles  **/
	.msg-bubble {
		max-width: 300px;
	} 
	.msg-JesusBubble .msg-bubble {
		max-width: 300px;
	}
	.left-msg .msg-bubble {
		max-width: 300px;
	}
	/** Username of Note Added **/
	.UserPostingName, userPostingName {
		margin-right: 1px;
		font-weight: bold;
		padding: 0px;
		font-size:18px;
	}
	/**Verse Number **/
	.VerseNumber {
		margin-right: 2px;
		font-style: italic;
		padding: 1px;
		font-size:12px;
	}
	/** Scripture Author Name or Speaker name **/
	.WriterOrSpeakerName {
		margin-right: 1px;
		font-weight: bold;
		padding: 0px;
		font-size:18px;
	}

	/** Passage Name **/
	.PassageName {
  		margin-right: 1px;
  		font-weight: bold;
  		font-style: italic;
  		font-size:22px;
  		max-width: 250px;
  		padding: 0px;
	}

	/** Passage Text **/
	.PassageText {
		margin-right: 1px;
		font-size:18px;
		max-width: 250px;
		border-top: solid;
		border-radius: 15px;
		border-left: solid;
		padding: 3px;
	} 
	.noteXontrolsNTools {
		width:15px;
		height:15px;
	}
}

.shareOnOption {
	display: flex;
	flex-wrap: wrap;
	width:130px;
	height:60px;
	margin: 2px 5px;
	border-radius: 8px;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
	font-size:16px; 
}
shareOnBtnText {
	margin:5px;
}
.shareOnOptionsCon {
	display: flex;
	flex-wrap: wrap;       
}
/*Share On Button Font*/
sOF {
	font-size: 12px;
}
span, input {        
    vertical-align: top;
    line-height:0;
}
.socialNetCon {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
/*Thought Pool Style*/
.AEmessageDiv {
	width:100%;
	display:block;
	flex-wrap:wrap;
}

/*Thought Pool Style*/
.messageDiv {
	border-top:solid;
	border-bottom:solid;
	border-color:black;
	border-width:1px;
	width:100%;
	display:block;
	flex-wrap:wrap;
	background-color:#62D4FF;
}
.messageDiv2 {
	border-top:solid;
	border-bottom:solid;
	border-color:black;
	border-width:1px;
	width:calc(80%-20px);
	margin-left:10px;
	margin-right:10px;
	display:block;
	flex-wrap:wrap;
	background-color:#6CD700;
}
.TPMsgTimeNDate, .TPMsgTimeNDate2, TPMsgTimeNDateUser {
	display: inline-block;
	align-text:left;
	width:63%;
}

.TPMsgTimeNDateUser{
	width:80%;
}
.TPMsgTimeNDate2 {
	width:60%;
}
#TPuserInput {
	display: none;
}
.TPuserPicCon {
	display: inline-block;
	width:25px;
	height:25px;
	border-radius: 8px;
	margin-left:3px;
	margin-top:3px;
	border-width: 1px;
	border-style: ridge;
	border-color: black;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#TPUserCred, AEUserCred {
	display: inline-block;
}
#UserTPSubmitTxt, #UserAESubmitTxt {
	display: inline-block;
}
.TPBtnCon {
	display: flex;
	width:100%;
	justify-content:center;
}
.TPPrevBtn{
	display: flex;
	margin:0 10px;
	width:100px;
	height: 30px;
	border-radius: 25px;
	color: black;
	font-size:18px;
	font-weight:bold;
	justify-content:center;
	line-height:-1px;
	background-color: white;
}
.TPIntroDivContent {
	opacity:1; 
}
.TPIntroDiv {
	width:330px;
	height:185px;
	opacity:0.7; 
	background-color:black;
	color:white;
	line-height:20px;
	position:absolute;
}
.userTPOpt {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row-reverse;
	width:100%;
}
#AddCrBtn {
	position:relative;
	display:block;
	left:0;
}
				
/*Note Photo and image setting*/
#notePhotoId {
	padding-right:8px;
	width:100%;
	height:auto;
}
.typeAppConWrap10 {
	display:flex;
	flex-wrap:wrap;
	background-color:#dedede;
	border-radius:10px;
	width:200px;
	margin:5px;
	//margin-left:42%; /***max-width, 870px user-sub-studies-info ****/
	margin-top:10px;
}
.typeAppConClass{
	background-color:#fff;
	padding:3px 10px;
	border-radius:10px;
	margin:10px 10px;
	width:75px;
	display:flex;
	flex-flow:flex;
	color:red;
	font-weight:bold;
	font-size:22px;
	font-weight:bold;
	height:35px;
}
#exampleInputEmail1{
	width:80%;
	}
.mediabox, .mediabox1{
	  background-color:#dedede;
	  position-content:center;
	  
	background-repeat: no-repeat;
	  font-size:16px;
	  font-weight:normal;
	  font-weight:bold;
	  color:#fff;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	  }
	        .CRTotalNumTxt {
    	color: #007AFF;
    font-size:1px;
}
.noteInfoDis {
	display: flex; /*add 2 forward slashes to this value to stop it and separate the note info date and num-but it dont look right tho*/
	flex-wrap:wrap;
//	background:black;
	width:100%;
	}
	.noteInfoCon {
display: flex;
	flex-wrap:wrap;
		float:right;
		right:0px;
		}
		.note-info-upd {
			margin: 0px 2px;
			}
			.rightMsgHolder {
				
				width:1px;
				height:1px;
				font-size:1px;
				visibility:none;
				}
				#NotifyPanelTitle {
					overflow: hidden;
					}
					.AddNewEntryBtn {
		max-width:150px;
		background-color: #B3B3B3;
	padding:5px;
	border-radius:5px;
	margin:5px;
		}
		.commentUsername {
			font-weight:bold;
	text-decoration: underline;
			}
			
			.userComment1Text {
			
			}
			
			.userCommentDate1 {
			font-size: 0.85em;
			}
			
			.commentUsername {
			
			}
			.userCommentCon {
				width:100%;
				}
				.LuserCommentCon {
					width:100%;
				//background-color: blue;
					}
			#userAddedComment {
				//background-color: red;
				display:flex;
			
	flex-direction: column-reverse;
}
			
			
/*Added Monday June 12 2023*/
			/******Life templete******/
	.user-main-life-content{
	width:100%;/****98%_572px***/
	padding-bottom:40px;
	background-color:#dedede;
	padding:10px;
	border-radius:10px;
}
				


						.life-info-updater{
							display:flex;
		background-color:white;
max-width:310px; /***310px_240px-***/
height:45px;
margin-right:45px; /***45px-10px****/
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
font-size:18px; /***20px-18px***/
line-height:45px;
border-radius:20px;}
.life-info-panel{
	display:flex;
	}
	.life-info-content {
		border-radius:10px;
		margin:5px;
		background-color:white;
		padding:20px;
		width:calc(100% - 15px); /*****900px-525px***/
		min-height:80vh;
		}
		.life-info-categories{
			display:flex;
			}
			#topCat{
				font-weight:Bold;
				font-size:18px;
				text-align:center;
				margin-bottom:5px;
				border-radius:10px;
				background-color:#dedede;
				}
				
		.lthumbCat {
			width:35px;
			
			
			padding:2px;
			
			}
			.ldateCat {
				
				width:80px;
				
				padding:2px;
}
	.ldescriptionCat {
		
		overflow:hidden;
		width:calc(100% - 80px + 180px); /****650px-350px****/
		
		
		padding:2px;
	
		}
	.lAmenCat{
		
		width:35px;
		
		padding:2px;
		}
	.lCommentCat{
		
		width:35px;
		
		padding:2px;
		}
		.lDeleteCat{
			
		width:35px;
		
		padding:2px;
			}
.lifeInfoTotalTest, .lifeInfoTotalActTest {
	min-width:10px;
	}
							
.comment1UserPhoto{
	background-image:url(images/sil.png);
	//background-color: red;
	background-size:100%;
	width:25px;
	height:25px;
	border-radius:5px;
	}
	.userCred {
		display:flex;
		}
		.loaderContentPanel {
			display: block;
	
	min-width:300px;
	height:100vh;
	justify-content: center;
	text-align: center;
	  }
	.life-info-categories {
		border-bottom:solid;
		}
		#lifeUsernameTitle {
			font-size:22px;
			}
/*Example of modifying a specific scripture DIV
#Matthew131note {
	width:200px;
	height: 200px;
	background:red;
}
#Matthew132Tag {
	background-color: blue;
}
     */