html {
}
body {
	overflow-x: visible;
    background-color:#f8f8f8;
}
body:not(.user-is-tabbing) #sheet .cke_editable:focus {
  	outline: auto;
	outline-color: rgb(59,153,252);
}
*[contenteditable] {
    -webkit-user-select: auto !important;
}
.interface-hebrew .int-en, .interface-hebrew #sheetsContent .int-en, .interface-hebrew.alertBox .int-en, .interface-hebrew.s2Modal .int-en{
  display: none;
}
.interface-english .int-he, .interface-english #sheetsContent .int-he, .interface-english.alertBox .int-he, .interface-english.s2Modal .int-he{
  display: none;
}
.interface-hebrew #sheetsContent, .interface-hebrew #sheetsContent .sheetsEditNavTop, .interface-hebrew #fileControls{
	direction: rtl;
}
.he, .int-he {
    font-size: 100%;
}
#right {
	width: 510px;
}
#languageToggle,
#sheetLayoutToggle {
	display: inline-block;
}
#fileControls {
	text-align: right;
	line-height: 8px;
	position: fixed;
	bottom: 0;
	z-index: 100;
	background-color: #f2f2f2;
	height: 50px;
	left: 0;
	width: 100%;
	border-top: 1px solid #999;
}
#fileControlMsg {
	text-align: center;
    margin-top: 20px;
}
#fileControls .btn {
	position: relative;
	right: 20px;
	top:17px
}
#link {
	display: none;
	position: absolute;
	top: 30px;
	left: 20px;
	color: #555;
	font-style: italic;
	font-size: 16px;
}
#error {
	display: none;
	position: fixed;
	z-index: 100;
	top: 50px;
	left: 50%;
	width: 40%;
	margin-left: -20%;
	text-align: center;
	font-size: 22px;
	padding: 5px 0;
	border-radius: 5px;
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	color: #31708f;
}
#lastSaved {
	position: fixed;
	z-index: 100;
	top: 47px;
	right: 8px;
	text-align: center;
	font-size: 12px;
	padding: 7px 5px;
	border-radius: 5px;
	color: #888;
	background-color: #f2f2f2;
}
.interface-hebrew #lastSaved{
	/*unicode-bidi: bidi-override;*/
}
.sheetsMenuBarItem #lastSaved {
	position: relative;
	top:0;
	right:0;
	background-color: transparent;
}
#sheet {
	background: white;
	width: 770px;
	min-height: 980px;
	padding: 60px 40px;
	margin: 160px auto 56px;
	box-shadow: 0px 0px 2px #777;
	width:850px;
	padding:60px 0px;
}
#sheet.paperless {
	box-shadow: none;
	margin-top: 50px;
}
#sheetHeader {
	text-align: right;
	padding-bottom: 10px;
	padding-left: inherit;
	margin-bottom: 6px;
	width: 100%;
	margin-top: -40px;
	margin-left: -40px;
}
#sheetHeader #collectionHeader {
	max-width: 90%;
}
#bsdHeader {
	display: none;
	direction: rtl;
	font-size: 18px;
	position: relative;
	top: -40px;
	right: 40px;
	font-family: var(--hebrew-serif-font-family);
}
#sheet.bsd #bsdHeader {
	display: block;
}
#controls {
	position: fixed;
	top: 80px;
	left: 16px;
	left: 50%;
	margin-left: -455px;
	z-index: 25;
	text-align: left;
}
.optionsMenu {
	color: black;
	position: absolute;
	/*text-align: left;*/
	display: none;
	font-style: normal;
	text-shadow: none;
	padding: 6px 0px 3px 0px;
	background: white;
	font-size: 17px;
	border: 1px solid #ccc;
	z-index: 5;
	min-width: 220px;
	top: -20px;
	/*right: auto;
	left: 50px;*/
	line-height: 1.2;
}
.interface-hebrew .optionsMenu{
	/*text-align: right;*/
	min-width: 250px;
}
.optionsMenu img, .addInterfaceButton img {
	/*margin-right: 5px;*/
	-webkit-margin-end: 5px;
	margin-inline-end: 5px;
	margin-bottom: 3px;
}
.sheetsMenuBarItem .optionsMenu i {
	color: #999;
}
.sheetsMenuBarItem .optionsMenu, .sheetsMenuBarItem .subMenu {
	background-color: #f2f2f2;
}
#addButton:hover .optionsMenu, #options:hover .optionsMenu {
	display: block;
}
.optionHeader {
	font-weight: bold;
	margin-left: 12px;
}
.optionTitle, .optionItem{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.optionItem, .optionLink, .languageToggleOption div, .layoutToggleOption div, .sideBySideToggleOption div, .optionTitle {
	padding: 10px 12px;
	cursor: pointer;
	white-space: nowrap;
}
.optionItem:hover,
.optionTitle:hover, .optionLink:hover, .languageToggleOption div:hover, .layoutToggleOption div:hover, .sideBySideToggleOption div:hover {
	background: #08c;
	color:white;
}
#assignable {
	margin:10px;
}
#assignedSheets,#assignedSheets .title  {
	margin: 20px 0;
}
#assignmentURLLink {
	width:100%;
	cursor: text;
	text-align: center;
	display: none;
}
#StopCollectingAssignmentsButton {
	margin-top:8px;
	width:100%;
}

#assignmentsModal {
	max-height: 600px;
	overflow-y: scroll;
}
#assignmentsModal .btn {
	margin-top: 5px;
}
.subMenu {
	display: none;
	position: absolute;
	background: white;
	top: 0px;
	border: 1px solid #ccc;
}
.interface-english .subMenu{
	box-shadow: 1px 1px 1px #555;
	left: 220px;
}
.interface-hebrew .subMenu{
	/*left: initial;*/
	right: 250px;
	box-shadow: -1px 1px 1px #555;
}
.optionGroup {
	position: relative;
}
.interface-english .optionGroup .optionItemCaret.fa{
	margin-left: auto;
}
.interface-hebrew .optionGroup .optionItemCaret.fa{
	margin-right: auto;
}
.interface-hebrew .optionItemCaret.fa-caret:before{
	content: "\f0d9";
}
.interface-english .optionItemCaret.fa-caret:before{
	content: "\f0da";
}
.optionGroup:hover .subMenu, .optionGroup.open .subMenu {
	display: block;
}
.line {
	height: 1px;
	width: 100%;
	background: #ddd;
	margin: 2px 0px;
}
.s2Modal .line {
	width: 460px;
	margin-left:-40px;
}
#shareWithOthers .line {
	margin-left:-30px;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 540px;
}
.optionsMenu .fa {
	/*margin-right: 8px;*/
	-webkit-margin-end: 8px;
	margin-inline-end: 8px;
	font-size: 13px;
}
.hidden {
	visibility: hidden;
}
#addSourceModal {
	padding: 18px;
	text-align: center;
	z-index: 100;
}
#addDialogTitle {
	font-size: 19px;
	width: 520px;
	margin-bottom: 15px;
	padding: 0;
	position: relative;
}
#closeAddSource {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	font-size: 22px;
}
#add {
	width: 520px;
	font-size: 17px;
	border-radius: 3px;
}
#addEg {
	font-style: italic;
	font-size: 14px;
	margin-top: 0px;
}
#addOr {
	margin: 14px;
	font-size: 24px;
	text-align: center;
	font-style: italic;
}
#addBrowseBox {
	text-align: center;
}
#addSourceOK {
	position: absolute;
	right: 0px;
	bottom: -43px;
}
#textPreview, #inlineTextPreview  {
	position: absolute;
	padding: 4px;
	background: white;
	border: 1px solid #ddd;
	border-radius: 3px;
	z-index: 19;
	width: 600px;
	display: none;
}
#sheet #inlineTextPreview {
	--english-font: var(--english-serif-font-family);
	--hebrew-font: var(--hebrew-serif-font-family);
}
#sheet #inlineTextPreview .en {
	font-size: 16px;
}
#sheet #inlineTextPreview .he {
	font-size: 18px;
}
#sheet.english #inlineTextPreview .he {
	display: block;
}
#textPreview .previewLine, #inlineTextPreview .previewLine {
	display: inline;
}
#textPreview .previewNumber, #inlineTextPreview .previewNumber {
	font-weight: bold;
	font-variant: small-caps;
}
#textPreview .he, #textPreview .en, #inlineTextPreview .en, #inlineTextPreview .he {
	padding: 10px;
}
#textPreview .he , #inlineTextPreview .he {
	direction: rtl;
}
#textPreview .previewNoText, #inlineTextPreview .previewNoText {
	direction: ltr;
}
#textPreview .previewWarn, #inlineTextPreview .previewWarn {
	color: #B94A48;
	padding: 20px;
}
#textPreview .previewWarn .btn {
	float: right;
}
#title {
	font-size: 36px;
	min-height: 40px;
	margin-bottom: 6px;
    padding: 0 76px;
	text-align: center;
	line-height: normal;
	--english-font: var(--english-serif-font-family);
	--hebrew-font: var(--hebrew-serif-font-family);
}
#title.heTitle {
	direction: rtl;
}
#author {
	text-align: center;
	font-style: italic;
	margin-bottom: 10px;
	color: #999;
    padding: 0 80px;
}

#via {
	font-size: 13px;
}
#bottomAuthor {
	text-align: center;
	font-style: italic;
	color: #999;
}
#bottomAuthor a, #via a {
	color: #333;
}
#bottomVia {
	font-size: 13px;
}
#sheetMetadata {
	color: #999;
	background-color: #fafafa;
	padding: 0 80px;
}
#sheet #sheetMetadata .button {
	background-color: #eee;
	border-color: #ccc;
	color: #999;
	font-size: 14px;
	margin: 4px;
}
#sheetMetadata summary {
	text-align: center;
	margin: 0 -76px;
	background-color: #fff;
	cursor: pointer;
}
#sheetMetadata[open] summary {
	background-color: #fff;
}
#sheetMetadata summary::-webkit-details-marker {
  	display: none;
}
#sheetTags {
	margin-left: -4px;
}
#sheetMetadata summary:after {
  	content: "❯";
	margin: 0 0 0 6px;
}
#sheetMetadata[open] summary span {
	display: none;
}
#sheetMetadata[open] summary:after {
  	content: "✕";
    top: 36px;
    margin: 0 80px;
    position: relative;
}
#sheetMetadata[open] summary:lang(en)::after {
	float: right;
}
#sheetMetadata[open] summary:lang(he)::after {
	float: left;
}
#sheetMetadata .editButton {
	float: right;
    margin: 0 26px;
    padding: 4px 14px;
    font-size: 12px;
	background-color: #eee;
    border-color: #ccc;
    color: #999;
	cursor: pointer;
}
#sheetMetadata .editButton:before {
	content: "✎ ";
}
#sheetMetadata .int-he .editButton {
	float: left;
}
#sheetMetadata .metadataOpenDetails {
	font-size: 14px;
	padding: 35px 0;
}
#sheetMetadata #via, #sheetMetadata #assignmentAttribution {
	font-size: 14px;
	padding: 7px 0;
}
#sheetSummary {
	margin: 14px 0;
	font-style: italic;
}
#sheetSummary:empty {
	display: none;
}
#likeLink {
	color: black;
	text-decoration: none;
}
#likes {
	display: none;
	text-align: center;
}
#sheet.public #likes {
	display: block;
}
#likeInfo-en, #likeInfo-he {
	cursor: pointer;
}
.likes:hover {
	text-decoration: underline;
}
.titleSub {
	font-size: 20px;
	margin-left: 11px;
	color: #555;
}
#sources {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	--english-font: var(--english-serif-font-family);
	--hebrew-font: var(--hebrew-serif-font-family);
}
#sources {
	margin-top: 40px;
}
#sheet #sources .sheetItem .sourceNumber {
	display: none;
	font-size: 15px;
}
#sheet.numbered.hebrew #sources .sheetItem .sourceNumber.en {
	display: none;
}
#sheet.numbered.english #sources .sheetItem .sourceNumber.he {
	display: none;
}
#sheet.numbered #sources .sheetItem .sourceNumber {
	display: block;
}
.sheetItem {
	position: relative;
	padding: 24px 76px;
	box-sizing: border-box;
	border: solid 1px transparent;
	border-left: solid 6px transparent;
}
.sheetItem table {
	max-width:691px;
}
.sheetItem p span,
.sheetItem div.text span {
	white-space: pre-wrap;
}
.sheetItem div.text span.gemarra-regular {
	font-weight: bold;
}
#sheet #sources .sheetItem .sourceNumber.en {
	position: absolute;
	width: 50px;
	text-align: right;
	top: 28px;
	left: 6px;
}
#sheet #sources .sheetItem .sourceNumber.he {
	position: absolute;
	width: 50px;
	text-align: left;
	top: 29px;
	right: 6px;
}
#sheet .sourceControlsOpen {
	background-color: #FBFBFA;
	z-index: 2;
	border-top:solid 1px #F2F2F2;
	border-bottom:solid 1px #F2F2F2;
}
#sourceControls {
	text-align: center;
	position: absolute;
	background-color: #FBFBFA !important;
	border: 1px solid #F2F2F2;
}
#sourceControls div {
	display: inline-block;
	margin: 0 5px;
	font-size: 15px;
	cursor: pointer;
}
.interface-english #sourceControls.sideControls {
	width: auto;
	left: 23px;
	margin-left: 0;
	top: 20px;
	bottom: auto;
	background-color: inherit;
}
.interface-hebrew #sourceControls.sideControls{
	width: auto;
	right: 23px;
	margin-right: 0;
	top: 20px;
	bottom: auto;
	background-color: inherit;
}
#sourceControls.sideControls div:hover {
	color: #999;
	background-color: #FBFBFA !important;
}
.tooltipster-default {
	background-color: #999 !important;
	color: #fff;
	margin-left:5px;
}
.sideControls div {
	display: block !important
}
.sideControls div img {
	margin: 3px 0;
}
.source {
	position: relative;
}
.source .title, .source .customTitle, .outside .title {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	line-height: 24px;
}
.source .title {
	cursor: pointer;
	width: 100%;
	margin: 0;
}
.source .title:hover {
	text-decoration: underline;
}
.source .title a {
	color: black;
}
.source .title .ui-icon-extlink {
	vertical-align: -3px;
}
.source .customTitle {
	display: none;
	width: 100%;
	text-align: center;
}
.source .openLink {
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0 12px;
	color: #222;
}
.source .openLink .ui-icon {
	display: inline-block;
}
.text {
	font-size: 19px;
	line-height: 1.3;
	position: relative;
}
.text .en,
.text .he {
	min-height: 20px;
}
#sheet .en {
	direction: ltr;
	text-align: left;
}
#sheet .he {
	direction: rtl;
	text-align: right;
	font-size: 24px;
}
#sheet.english .en {
	display: initial;
}
#sheet.hebrew .he {
	display: initial;
}
#sheet.english .he {
	display: none;
}
#sheet.hebrew .en {
	display: none;
}
#sheet.bilingual .source > .he,
#sheet.bilingual .outsideBi .he {
	display: block;
	float: right;
	width: 48%;
	position: relative;
	top: -2px;
}
#sheet.bilingual .source > .en,
#sheet.bilingual .outsideBi .en {
	display: block;
	float: left;
	width: 48%;
}
#sheet.bilingual.sideBySide.heLeft .source > .he,
#sheet.bilingual.sideBySide.heLeft .outsideBi .he {
	float: left;
}
#sheet.bilingual.sideBySide.heLeft .source > .en,
#sheet.bilingual.sideBySide.heLeft .outsideBi .en {
	float: right;
}

#sheet.bilingual.stacked .source > .en,
#sheet.bilingual.stacked .source > .he,
#sheet.bilingual.stacked .outsideBi .en,
#sheet.bilingual.stacked .outsideBi .he {
	float: none;
	width: 100%;
	margin-bottom: 12px;
}
.verse .clear {
	display: none;
}
#sheet.bilingual .verse .clear {
	display: block;
}
.source .text.open {
	max-height: 266px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 10px 15px 10px 0px;
}
.source .text .verse.highlight {
	font-weight: bold;
}
#sheet.boxed .sourceControlsOpen {
	background-color: #FBFBFA;
}
#sheet.boxed .text,
#sheet.boxed .outside  {
	border: 1px solid #333;
	padding: 4px;
	background-color: white;
}
#sheet.boxed .outside.he,
#sheet.boxed .outside.en {
	display: block;
}
#sheet.boxed #sources {
	list-style-position: outside;
}
#sheet.boxed .sourceControlsOpen .text,
#sheet.boxed .sourceControlsOpen .outside {
	background-color: inherit;
}
#sources .sortPlaceholder {
	min-height: 60px;
	margin: 20px 0;
	background-color: #e7f086;
}
.indented-1 {
	padding-left: 100px !important;
	padding-right: 100px !important;
}
.indented-2 {
	padding-left: 130px !important;
	padding-right: 130px !important;
}
.indented-3 {
	padding-left: 160px !important;
	padding-right: 160px !important;
}
.comment, .oldComment {
	font-size: 17px;
	min-height: 30px;
	padding-top:4px;
}
.outsideBi {
	/* Fix webkit bug for extra spacing below numbered li with floats */
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.addedBy {
	margin-top: 3px;
	font-size: 13px;
	font-style: italic;
	color: #555;
}
.placeholder {
	background: #f3f3f3;
	margin-top: 22px;
	border-radius: 5px;
}
.inEditMode {
	outline-color: rgb(91, 157, 217);
	outline-style: auto;
	outline-width: 5px;
}
#belowSheet {
	height: 100px;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	margin-left: -80px;
	margin-top: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #444;
	background-color: #eee;
	padding: 4px 8px;
}
#tooltip h3, #tooltip div {
	font-size: 17px;
	margin: 0;
 }
#addToSheetModal {
	width: 400px;
}
#addParashaToSheetModal {
	width:500px;
}
#addParashaToSheetModal .header {
	font-weight: bold;
	padding-bottom: 10px;
}
#addParashaToSheetModal .cancel {
	margin-top: 30px;
}
#addParashaToSheetModal li {
	width: 150px;
	display:inline;
	padding: 2px 0 2px 0;
	cursor: pointer;
	cursor: hand;
}
#addParashaToSheetModal li:hover span{
	text-decoration: underline;
}
#addParashaToSheetModal ol {
	display: flex;
	flex-flow: row wrap;
	margin: auto;
	padding: 0;
}
.interface-hebrew #addParashaToSheetModal{
	direction: rtl;
}
#addToSheetModal .header {
	font-size: 22px;
}
#embedSheetModal {
	width: 400px;
}
#embedSheetModal .header {
	font-size: 22px;
}
#sheetsContent #embedSheetModal textarea {
	width: 100%;
	margin-top: 0;
	height: 80px;
	padding: 8px;
	direction: ltr;
}
#embedSheetModal .sub {
	margin: 0 0 8px;
	font-size: 13px;
}
#embedSheetModal .content {
	margin: 30px auto;
}
#publishPromptModal {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -73px;
	margin-left: -285px;
	max-width: 96%;
	width: 550px;
}
#publishPromptModal .header {
	font-size: 24px;
	font-weight: bold;
}
#publishPromptModal p {
	font-size: 18px;
	margin: 14px 0;
}
#sheetList {
	list-style-type: none;
	background-color: white;
	border-radius: 5px;
	padding: 8px 0;
	border: 1px solid #ccc;
	margin: 13px 20px;
	max-height: 300px;
	overflow: auto;
}
#sheetList .sheet {
	text-align: left;
	cursor: pointer;
	padding: 2px 10px;
}
#sheetList .sheet.selected {
	background-color: #08C;
	color: white;
}
#sheetLoading {
	font-weight: bold;
	font-size: 17px;
}
.textIcon {
	font-size: 20px;
	font-weight: bold;
	margin: 3px;
	cursor: pointer;
}
#empty {
	display: none;
	text-align: center;
	border-radius: 10px;
	padding: 15px 25px;
	font-size: 19px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid #aaa;
	background-color: #eee;
}
#empty .fa-times {
	float: right;
	cursor: pointer;
}
#empty .icon-remove:hover {
	color: #08c;
}
#empty #howItWorks {
	display: none;
	text-align: left;
	padding-top: 20px;
	border-top: 1px solid #aaa;
	margin-top: 20px;
}
.interface-hebrew #empty #howItWorks{
	text-align: right;
}
#empty h1 {
	font-size: 32px;
	margin-bottom: 16px;
	text-align: center;
}
#empty h3 {
	margin: 10px 0;
	font-size: 18px;
}
#empty ul {
	list-style-type: decimal;
}
#empty ul b {
	font-size: 22px;
}
#empty li {
	margin: 8px 0;
}
#empty #cite {
	font-size: 18px;
	margin-left: 20px;
	margin-top: 4px;
	color: #005580;
}
#empty .controls {
	font-size: 17px;
	padding: 0px 5px 2px 3px;
	margin: 0 4px;
	background: white;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#empty #loginWarning {
	margin-top: 24px;
	color: #B94A48;
	font-size: 17px;
}
#printFooter {
	display: none;
	margin: 50px 0 0;
	padding-top: 8px;
	text-align: center;
	border-top: 1px solid #ddd;
	page-break-inside: avoid;
}
#printFooter img {
	width: 56px;
	height: 56px;
}
#printFooter div {
	display: inline-block;
	text-align: left;
	font-size: 14px;
	position: relative;
	left: -5px;
	top: 7px;
}
.cke_editable {
	position: relative;
	z-index: 20;
}
.clear {
	clear: both;
}

a {
	color: #08C;
	text-decoration: none;
}
a:hover {
  color: #005580;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}

.btn-primary a {
	color: white;
}
.btn-primary:hover a {
	text-decoration: none;
}

@media screen and (max-width: 870px) {
	body {
		background-color: white !important;
	}
	#sheet {
		width: auto;
		padding: 0px 20px;
		margin: 200px auto 70px;
		box-shadow: none;
	}
	#sheet.s2Sheet {
	width:auto;
	padding: 0px;
	}

	#addSourceModal {
		width: 80%;
	}
	#sheetHeader {
		width: 100%;
		margin-left: 0;
	}
	#controls {
		margin-left: 0;
		left: 0;
	}
	#rightButtons #controls {
		position: static;
		display: block;
		width: auto;
		padding: 0px;
		background-color: transparent;
		box-shadow: none;
		border: none;
	}
	#empty iframe {
		width: 100%;
		height: auto;
	}
	#lastSavedMenu, #highlightMenu, #highlightModeMenu {
		display: none;
	}
}
@media screen and (max-width: 520px) {
	#sheet {
		padding: 0 6px;
	}
	#sheet .sheetItem {
		padding: 32px 16px;
	}
	#sheet #sources .sheetItem .sourceNumber.en {
		left: -2px;
		text-align: left;
	}
	#sheet #sources .sheetItem .sourceNumber.he {
		right: -2px;
		text-align: right;
	}
	#sheet.bilingual.sideBySide .en {
		text-align: left !important;
		width: 100%;
	}
	#sheet.bilingual.sideBySide .he {
		text-align: right !important;
		width: 100%;
	}
	#controls, #fileControls {
		display: none;
	}
	#sheet .sheetItem .media {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
	}
	#sheet .sheetItem .media iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.indented-1 {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	.indented-2 {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	.indented-3 {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
}
body.embeded #controls, body.embeded .header, body.embeded #footer, body.embeded #fileControls, body.embeded .sheetsEditNavTop, body.embeded #interruptingMessage {
	display: none;
}
body.embeded #sheet {
	width: auto;
	padding: 20px;
	margin: 0;
	box-shadow: none;
}
.label {
	display: inline-block;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #3a87ad;
}

/* from Twitter Bootstrap Forms */
#sheetsContent button,
#sheetsContent input,
#sheetsContent select,
#sheetsContent textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
#sheetsContent input,
#sheetsContent button,
#sheetsContent select,
#sheetsContent textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
#sheetsContent button,
#sheetsContent input {
*overflow: visible;
line-height: normal;
}
#sheetsContent button::-moz-focus-inner,
#sheetsContent input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
#sheetsContent button,
#sheetsContent input[type="button"],
#sheetsContent input[type="reset"],
#sheetsContent input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
#sheetsContent input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#sheetsContent input[type="search"]::-webkit-search-decoration,
#sheetsContent input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
#sheetsContent textarea {
  overflow: auto;
  vertical-align: top;
}
#sheetsContent input,
#sheetsContent textarea,
#sheetsContent select
{
  display: inline-block;
  padding: 4px;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#sheetsContent input,
#sheetsContent textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
#sheetsContent input:focus,
#sheetsContent textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
#sheetsContent input[type="file"]:focus,
#sheetsContent input[type="radio"]:focus,
#sheetsContent input[type="checkbox"]:focus,
#sheetsContent select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#sheetsContent select,
#sheetsContent input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 28px;
}
#sheetsContent img {
	vertical-align: middle;
}
/* overrides for layout option by source */
#sheet .source.sheetItem.sideBySide > .en {
	float: left;
	display: block;
	width: 48%;
}
#sheet .source.sheetItem.sideBySide > .he {
	float: right;
	display: block;
	width: 48%;
}

#sheet .source.sheetItem.sideBySide.heLeft > .en {
	float: right;
	display: block;
	width: 48%;
}
#sheet .source.sheetItem.sideBySide.heLeft > .he {
	float: left;
	display: block;
	width: 48%;
}
#sheet .source.sheetItem.sideBySide.heRight > .he {
	float: right;
	display: block;
	width: 48%;
}
#sheet .source.sheetItem.sideBySide.heRight > .en {
	float: left;
	display: block;
	width: 48%;
}
#sheet .source.sheetItem.stacked > .en,
#sheet .source.sheetItem.stacked > .he {
	float: none;
	width: 100%;
	margin-bottom: 12px;
}
#sheet .source.bilingual .en,
#sheet .source.bilingual .he,
#sheet .source.english .en,
#sheet .source.hebrew .he {
	display: block;
}
#sheet .source.english > .he {
	display: none;
}
#sheet .source.hebrew > .en {
	display: none;
}
#resetToDefaults {
	margin-top:10px;
	text-decoration: underline;
	cursor: pointer;
}
.disabled {
	pointer-events: none;
	opacity: .3;
}
#overrideLayoutModal .ok {
	margin-top: 25px;
}
#overrideLayoutModal .header {
	margin: 15px 0px 25px;
}
#sharingModal {
	width:500px;
}
#sharingModal .radio {
	text-align:left;
	margin: 8px 8px 18px;
}
.sharingLabel {
	font-weight:bold;
	vertical-align: top;
}
.sharingDesc {
	padding-left: 72px;
	display:block;
	margin-top: -22px;
}
.iconHolder {
	width:38px;
	display:inline-block;
	padding: 0 5px 15px 10px;
}
.fa-onTop {
	margin-left:-5px;
}
.alertBox {
	z-index:101;
}
.alertBox.interface-hebrew{
	direction: rtl;
}
.mediaWrapper.hidden {
	display: none;
}
.addedMedia {
	max-width: 100%;
}
.media {
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}
.media.fullWidth {
	width: 100%;
}
.media .mediaCaption {
	display: table-caption;
	caption-side: bottom;
	margin-top: 8px;
}
.media .mediaCaptionInner {
	display: flex;
	justify-content: space-between;
}
.media .mediaCaption .en {
	font-size: 16px;
	flex: 1;
}
#sheet .media .mediaCaption .he {
	font-size: 15px;
	margin-top: -5px;
	flex: 1;
	--hebrew-font: var(--hebrew-sans-serif-font-family);
}
#sheet .media .mediaCaption.heOnly .he,
#sheet .media .mediaCaption.enOnly .en {
	display: block;
}
#sheet .media .mediaCaption.heOnly .en,
#sheet .media .mediaCaption.enOnly .he {
	display: none;
}
#addMediaInput {
	margin-top:10px;
	width: 300px;
}
.interface-hebrew #addmediaDiv .buttonContainer {
	width: 440px;
}
.optionItem a, .optionLink a, .languageToggleOption div a, .layoutToggleOption div a, .sideBySideToggleOption div a {
 color: inherit;
}
.sheetsEditNavTop {
    position: fixed;
    width: 100%;
    background-color: #f2f2f2;
    border-bottom: 1px solid #E2E2E1;
    box-sizing: border-box;
    z-index: 21;
    font-size: 16px;
    color: #333;
    top: 60px;
}
body.hasBannerMessage .sheetsEditNavTop {
  transition: top .3s;
  top: 180px;
}
.sheetsMenuBar, .sheetsEditorControls{
	padding: 7px 30px 6px 30px;
}
.sheetsEditorControls{
	border-top: 1px solid #E2E2E1;
	display: none;
}
.sheetsMenuBarInner{
	display: flex;
	justify-content: space-between;
	direction: inherit;
	align-items: center;
}
.sheetsMenuBarCommands{
	display: flex;
	justify-content: space-between;
}
.sheetsEditNavTop .optionsMenu {
	color: #333;
}
#sheet p {
	font-size: inherit;
	line-height: inherit;
	margin: inherit;
  	font-family: inherit;
}
.sheetsMenuBarItem {
	display: inline-block;
	padding: 10px 22px;
	font-size: 16px;
	border: 1px solid transparent;
}
.sheetsMenuBarItem:first-child{
	-webkit-padding-start: 0;
	padding-inline-start: 0;
}
.sheetsMenuBarItem:hover, .sheetsMenuBarItem.open {
	position: relative;
}
.sheetsMenuBarItem:hover:after, .sheetsMenuBarItem.open:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -10px;
  z-index: 6;
}
#fileMenu:hover .optionsMenu, #formatMenu:hover .optionsMenu, #insertMenu:hover .optionsMenu, #highlightMenu:hover .optionsMenu,
.sheetsMenuBarItem.open .optionsMenu {
	display: block;
	top:45px;
	/*left:20px;*/
	background-color: #FBFBFA;
}
#insertMenu:hover .optionsMenu, .menuHeaderOpen .optionsMenu {
	width:240px;
}
#ckeTopMenu .cke_top, #ckeTopMenu .cke_shared{
	border: none;
	background: #f2f2f2;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	width:100%;
	padding: 0;
}
#ckeTopMenu .cke_inner {
    padding: 0 0px;
	background: #f2f2f2;
}
#ckeTopMenu .cke_inner:after {
  	content: '';
  	position: absolute;
  	top: -1px;
	left:-20px;
	right:-20px;
	border-top: 1px solid #E2E2E1;
}
.cke_toolgroup, a.cke_combo_button{
	margin-bottom: 0;
}
.activeSource {
	background-color: #FBFBFA;
	border-left:solid 6px #212e50;
	border-top:solid 1px #F2F2F2;
	border-bottom:solid 1px #F2F2F2;
}
.inlineAddButton {
    text-align: center;
    width: 50px;
    padding: 0;
    left: 50%;
    margin-left: -25px;
    bottom: -21px;
	position: absolute;
    font-size: 30px;
	z-index: 3;
}
.inlineAddButtonIcon::before {
	content: url("../img/add icon.png");
}
.inlineAddButtonIcon.active {
	content: url("../img/add icon active.png");
}
#sourceLayoutLanguageMenuItems {
	display: none;
}
#addInterface {
	width:100%;
	background-color: #f2f2f2;
	padding: 40px 0 60px 0;
	text-align: center;
	font-size: 14px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
#addInterface .buttonBar {
	width: 702px;
	margin: 20px 74px;
	display:flex;
}
.interface-hebrew #addInterface .buttonBar{
	direction: rtl;
}

.contentDiv > div {
	display: none;
}
.contentToAdd {
	min-height:120px;
	flex:1;
	margin:30px;
	background-color: #fff;
	display: flex;
  	flex-direction: column;
  	justify-content: flex-start;
}
.sourceConnection{
	width: 346px;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 12px 0;
	margin-bottom:6px;
	display: inline-block;
	background-color: #fff;
	color: #999;
}
.sourceConnection:nth-child(odd) {
	margin-right:6px;
}
#connectionsToAdd {
    width: 702px;
    margin: 0 74px 40px 74px;
}
.sourceConnection.active {
	border: 1px solid #999;
	color: #333;
}
.addInterfaceButton:first-of-type {
	/*border-left: 1px solid #cecece;*/
	border-inline-start: 1px solid #cecece;
	-webkit-border-start: 1px solid #cecece;
}
.addInterfaceButton:last-of-type {
	/*border-right: 1px solid #cecece;*/
	border-inline-end: 1px solid #cecece;
	-webkit-border-end: 1px solid #cecece;
}
.addInterfaceButton{
	width: 106px;
	color: #999;
	margin: 0;
	padding: 12px 12px;
	border-right: 1px solid #cecece;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	display: inline-block;
	background-color: #fff;
	flex:1;
  	flex-direction: column;
  	justify-content: flex-start;
}
.addInterfaceButton.active {
	border-bottom: 3px solid #6c6c6c;
	color: black;
	padding: 12px 12px 10px 12px;
}
.inlineAddDesc {
    text-transform: uppercase;
	color: #999;
	font-size:12px;
	margin: 40px 0;
	unicode-bidi: plaintext;
}
.flexContainer {
	display:flex;
}
#connectionButton {
	display:none;
}
#sheetsContent .inlineAddTextInput {
	width: 320px;
	height: 32px;
	margin: 0;
	float:left;
	font-size:14px;
	padding-left: 12px;
	padding-right: 12px;
}
.inlineAddOr {
	display:inline-block;
	color: #999;
    margin: 4px;
}
.inlineAddSourceByttons {
	display: inline-block;
}
.inlineAddSourceByttons .button {
	padding: 16px 20px;
	margin-bottom: 0;
}
.sheetsEditNavTop #save {
	background-color: #212e50;
	border-color: #212e50;
    padding: 5px 12px;
}
#customTextLanguageToggle {
	float: right;
    margin-top: -65px;
    margin-right: 67px;
	height:30px;
	width:160px;
	direction: ltr;
}
#customTextLanguageToggle .toggleOption {
	height: 35px;
	line-height: inherit;
	width: 50px;
	margin-left: -5px;
}
#customTextLanguageToggle .toggleOption:hover {
	background-color: #ccc;
}
#customTextLanguageToggle .toggleOption img {
	margin-bottom: 13px;
	height: 16px;
	width: 16px;
}
#customTextContainer, #addmediaDiv, #addcommentDiv, #addsourceDiv{
	width: 702px;
    margin: 0 74px 0 74px;
}
.blockContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:100%;
}
.interface-hebrew .blockContainer{
	direction: rtl;
}
#customTextContainer{
	margin-bottom: 40px;
}
#addsourceDiv .buttonContainer{
	float:right;
}
#addcommentDiv .contentToAdd {
	margin-bottom:40px;
}
.contentToAdd {
	padding: 10px;
	border: 1px solid #cecece;
	border-radius: 5px;
	margin: 0;
	text-align:left;
}
.contentToAdd:nth-child(even) {
	margin-left:6px;
}
.contentToAdd > * {
	margin:0 !important;
}
#sheet #addcustomTextDiv .customTextEditables.he {
	text-align: right;
	display: block;
}
#sheetsContent #inlineAddMediaInput {
	width: 280px;
}
.s2AddedBy {
	font-size:inherit;
	font-style: inherit;
	color:#999;
	font-weight:bold;
	display:inline;
	float:left;
	margin-right: 7px;
}
a.userLink{
	color:#333;
}

.s2AddedBy a.userLink{
	color:#999;
}
.commentIcon {
	color:#999;
	font-size: .75em;
	float:left;
	margin-right: 7px;
}
.sheetsEditNavTop #save, .sheetsEditNavTop #share, .sheetsEditNavTop #onlineMode, .sheetsEditNavTop #likeButton  {
	border-radius: 3px;
	font-weight: 300;
	font-size: 12px;
	margin: auto;
}
.sheetsEditNavTop #save img, .sheetsEditNavTop #share img  {
    height: 10px;
    margin-right: 2px;
}
#sheetsContent #shareURL {
	cursor: text;
	background-color: #fff;
	border-radius: 4px;
	font-style: italic;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	padding-left: 35px;
	color: #999;
	/* url below is an inline copy of `/static/img/tools-add-connection.svg` it's required to change the color accordingly  */
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23999" d="M21.921 2.081c2.771 2.772 2.771 7.269 0 10.042l-3.84 3.839-2.121-2.122 3.839-3.84c1.599-1.598 1.599-4.199-.001-5.797-1.598-1.599-4.199-1.599-5.797-.001l-3.84 3.839-2.121-2.121 3.84-3.839c2.771-2.773 7.267-2.773 10.041 0zm-8.082 13.879l-3.84 3.839c-1.598 1.6-4.199 1.599-5.799 0-1.598-1.598-1.598-4.2 0-5.797l3.84-3.84-2.121-2.121-3.84 3.84c-2.771 2.772-2.772 7.268 0 10.041 2.773 2.772 7.27 2.773 10.041 0l3.84-3.84-2.121-2.122z"/></svg>') no-repeat 9px center;
	background-size: 18px 18px;
}
#shareWithOthers .sideLabeled {
	display: flex;
	margin-bottom: 20px;
	align-content: flex-start;
}
#shareWithOthers .sideLabeled > label {
    width: 150px;
    display: inline-block;
    margin-top: 9px;
}
#shareWithOthers .sideLabeled > div {
	flex: 1;
}
label[for="sourceSheetShareSelect"] {
	width: 40%;
    display: inline-block;
}
#shareWithOthers #sourceSheetShareSelect {
	margin-bottom:0;
	width: 25%;
}
#shareWithOthers .ok.button {
    margin-top: -5px;
    float: right;
}
#shareWithOthers .ok.button.int-he {
	float:left;
}
#shareWithOthers .onoffswitch {
}
#shareWithOthers #collectionsMessage {
	font-size: 12px;
}
#sheetsContent textarea#sheetSummaryInput {
	width: 100%;
	font-size: 16px;
	padding: 10px 15px;
	border-radius: 4px;
	margin-bottom: 0;
}
#sheetsContent textarea#sheetSummaryInput::placeholder {
	color: #999999;
}
#shareWithOthers .content .inputHeader {
	margin: 10px 0 10px 0;
}
#shareWithOthers .content select {
	width: 100%;
	font-size: 16px;
    height: 36px;
}
#shareWithOthers {
	text-align: center;
	width:480px;
}
#sharingDesc {
    color: #999;
    font-size: 13px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
}
#assignmentDirections {
	margin: 30px 0;
	text-align: center;
}
#assignedSheets .button {
	background-color: #fff;
	border:#ccc;
	width:100%;
}
#assignedSheets {
	display: none;
}
#assignedSheets .button a {
	text-decoration: none;
}
.s2Modal {
	padding: 30px;
	background-color: #FBFBFA;
	border: 1px solid #999;
	border-radius: 6px;
	width: 400px;
}
.interface-hebrew .s2Modal, .interface-hebrew.s2Modal{
	direction: rtl;
}
.s2Modal .title {
	font-size: 20px;
	margin: 0;
	text-align: center;
}
.s2Modal .content {
	color: #999;
	text-align: left;
}
.interface-hebrew .s2Modal .content{
	text-align: right;
}
.s2Modal .ok.button {
	margin: 0 auto;
}
.s2Modal input, .s2Modal textarea {
	margin-bottom: 0;
	background-color: #fff;
	height:40px;
	padding: 20px 10px;
    box-sizing: border-box;
}
.s2Modal select {
	background-color: #fff;
    box-sizing: border-box;
}
.s2Modal .center {
	text-align: center;
}
#panelWrapBox {
	display: none;
}
#sheetsContent #addTag {
	width: 100%;
	font-size: 16px;
	padding: 10px 15px;
    border-radius: 4px;
	margin-bottom: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#sheetsContent #addTag::placeholder {
	color: #999999;
}
#tags {
	border: 1px solid rgb(204, 204, 204);
	border-top: none;
	background: #ffffff;
	color: #222222;
	margin: 0 0 5px 0;
	padding: 10px;
    border-radius: 4px;
    border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
#sheetsContent #tags input {
	width: 0px; /* hack tagit to be readonly but allow removings tags */
}
#suggestedTags {
	margin-bottom: 9px;
}
.tagButton {
    color: #999999;
    background-color: #f2f2f2;
	border: 1px solid #e5e5e5;
    border-radius: 2px;
	padding: 5px;
	margin: 2px;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
}
.tagit.ui-icon-close {
    background-position: -80px -128px;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
	display:block;
	margin-left: 5px;
}
.tagit .ui-icon {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
ul.tagit li.tagit-choice {
    color: #666;
	background-color: #ededec;
	border-radius: 2px;
	padding: 5px 15px 5px 5px;
	margin: 5px 0 0 5px;
}
a.tagit-close {
	color: #999;
	text-decoration: none;
}
.close-button:after {
	color: #999;
	font: 14px/100% arial, sans-serif;
	position: absolute;
	right: 15px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	top: 15px;
	content: "X"
}
.moveSourceUp img, .moveSourceDown img, .highlighterSource img  {
    width:16px;
}
.source .highlighter, .highlighterTools, .highlighterTagWindow, .addTagPanel {
	display: none;
}
#sheet.highlightMode #sources .sheetItem .highlighter, #sheet.highlightMode .highlighterTools {
	display: block;
}
#sheet.highlightMode #sources .sheetItem .text {
	display: none;
}
#highlightMenu {
	display: none;
}
.highlighterTagWindow {
  	position: absolute;
	z-index: 3;
	width: 320px;
	background-color: #FBFBFA;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.highlighterTagWindow .save.button {
    margin: 20px;
    width: 280px;
    text-align: center;
	display: none;
}
.highlighterSegment {
	display: inline;
	margin-top: 10px;
}
.editCheckToggle {
    display: inline-block;
    float: right;
    height: 22px;
}
.interface-hebrew .editCheckToggle{
	float: left;
}

.tagSelectorTitle {
	font-weight: 400;
    text-align: center;
    margin: 20px;
}
.splitHighlighterSegment, .createNewHighlighterTag {
	background-color: #fff;
	margin: 10px 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	color: #999;
	padding: 5px 10px;
	font-size: 16px;
	cursor: pointer;
}
.splitHighlighterSegment.active, .createNewHighlighterTag.active {
	border: 1px solid #ccc;
	color: #333;
}
.splitHighlighterSegment, .noSelect, .colorSelect div, .addTagPanel, .newTag {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.colorSwatch {
	width: 10px;
	height: 10px;
	display: none;
	border: 3px solid transparent;
	margin-right: 5px;
	border-radius: 3px;
    margin-bottom: -2px;
}
.colorSwatch.active {
	display: inline-block;
}
.createNewHighlighterTag {
	font-style: italic;
}
.tagName {
	display: inline-block;
}
.colorSelect {
	text-align:center;
}
#highlightModeDisplay {
	display: none;
	z-index: 100;
	text-align: center;
	font-size: 12px;
	padding: 7px 5px;
	color: #888;
	background-color: #f2f2f2;
}
#sheet .segment {
	display: inline;
}
#highlightToggleDeactivate,
.segmentedContinuousToggle .segmentedActive,
#lastSaved .lastSavedConfirmed,
#lastSaved .saving,
#lastSaved .pending,
#save #inSave{
	display: none;
}
.highlighterSegment[data-tag]::before {
    content: attr(data-tag) ;
    font-size: 14px;
    position:absolute;
    z-index: 2;
    white-space:nowrap;
    background:#fff;
    color:#666;
	border-radius: 3px;
	border: 1px solid #999;
    padding:0px 7px;
	margin-top: -30px;
    line-height: 24px;
    height: 24px;
    opacity: 0;
    transition:opacity 0.4s ease-out;
	pointer-events: none;
    }

.highlighterSegment[data-tag]:hover::before {
    opacity: 1;
    }
.highlightFilterSelection {
	padding: 10px 12px;
	display: flex;
	justify-content: flex-start;
}
#sheetsContent .highlightFilterSelection label {
	font-size: 17px;
}
#sheetsContent .highlightFilterSelection input {
	margin: auto;
}
.highlighterFilterTags{
	padding: 5px 0;
}
.highlighterFilterTags:hover {
	background-color: #f2f2f2;
	color: #000;
}
.divineNamesOption span[class^="int-"]{
	unicode-bidi: plaintext;
}
.colorSelect div {
	width: 34px;
	height:30px;
    border-radius: 5px;
	margin:5px;
	display: inline-block;
	cursor: pointer;
	border: 1px transparent solid;
}
#sheet.hebrew .outsideWrapper .en, #sheet.english .outsideWrapper .en .outsideWrapper .he {
	display: block;
}  /* TODO add ability to set outside text source formatting from menu bar like real sources to remove need for this. Allow overrides to occur like real source texts */
#peopleListModal.interface-hebrew{
	direction: rtl;
}