@charset "UTF-8";
#videoList div img,
#videoList li img {
  margin-bottom: 5px;
  border: 1px solid #69c;
}
#imageList p,
#l-panel-list .panel-news a,
.book-hdr,
.card-header,
.seq-num {
  text-align: center;
}
.navbar .menu-item a,
.no-dec,
.verse-text a {
  text-decoration: none;
  cursor: pointer;
}
.chapter-hdr .fas,
.cross-ref,
.fn-sup,
.navbar .menu-item a,
.no-dec,
.verse-icons i,
.verse-text a {
  cursor: pointer;
}
@font-face {
  font-family: Ethiopic;
  src: url("/css/vg.ttf") format("truetype");
}
.Ethio,
.dropdown-menu li,
.tooltip {
  font-family: Ethiopic;
}
body {
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
}
.cur-day {
  background-color: #dc3545;
  color: #fff;
}
.cur-day:hover {
  background-color: #000;
}
.menu-scroll {
  overflow-y: scroll;
  max-height: 240px;
}
.sup {
  position: absolute;
  font-size: 10px;
  top: 0;
  right: 0;
  left: 0;
  background-color: #d3d3d3;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}
.verse,
.verse-text {
  position: relative;
}
.btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
#pl-aud {
  position: fixed;
  top: 0;
  display: none;
  z-index: 3000;
  right: 40px;
  height: 32px;
}
audio::-webkit-media-controls-panel {
  background-color: ivory;
}
.tooltip.show {
  opacity: 1;
}
.tooltip-inner {
  background-color: #fff;
  box-shadow: 0 0 4px grey;
  opacity: 1 !important;
  color: #000;
  padding: 10px;
}
.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: red !important;
}
.no-dec {
  color: #0e6dfe;
  font-size: 1.05em;
}
.card-header {
  font-size: 1.05em;
}
.editor-container {
  background-color: #e9e9da;
}
.editor-container textarea {
  padding: 5px;
  width: 98%;
  height: 98%;
  border: 2px solid #ddd;
  font-family: Ethiopic;
}
#txtEditor {
  resize: vertical;
}
.disable-editor {
  background-color: #def;
  color: #00f;
}
.done-editor {
  color: brown;
  font-size: 1.1em;
}
#videoList ul li p,
#videoMenu ul li p,
.panel-news {
  font-size: 1em;
}
#kb-table tr:nth-child(2n) {
  border-bottom: 1px solid #ddd;
}
#videoList li img {
  width: 98%;
}
#videoList div img {
  width: 100%;
}
#imageList img,
#l-panel-list img,
#r-panel-list img {
  text-align: center;
  width: 98%;
  border: 1px solid #69c;
}
#imageList p {
  padding-top: 6px;
}
#videoList ul,
#videoMenu ul {
  list-style: none;
  padding: 0;
  cursor: pointer;
}
#videoList ul li,
#videoMenu ul li {
  font-size: 1em;
  padding: 5px 5px 0;
  border-bottom: 1px solid #cde;
  margin-bottom: 6px;
}
.panel-news a:focus,
.panel-news a:hover {
  color: red;
  font-size: 1.1em;
}
.panel-news {
  border-bottom: 1px solid #bbb;
  padding: 0 0 4px;
}
.panel-news a img {
  width: 100%;
}
.scrolBox {
  overflow-y: auto;
  overflow-x: hidden;
  height: 85vh;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrolBox::-webkit-scrollbar {
  display: none;
}
.seq-num {
  color: #0e6efd;
  background-color: #eee !important;
}
.sText span {
  background-color: #ff0 !important;
}
.bg-silver {
  background-color: #ddd !important;
}
.bg-ltgrey {
  background-color: #eee !important;
}
.navbar .menu-item a {
  color: #000;
  display: flex;
  padding-left: 1em;
}
.navbar .menu-item a:hover {
  background-color: #337ab7;
  color: #fff;
}
.foot-note {
  border-top: 1px solid #369;
  font-size: small;
  padding-top: 0.5px;
  padding-bottom: 0.5px;
}
.bk-intro0 {
  margin-top: 10px;
  margin-bottom: 10px;
  text-indent: 2rem;
  padding-left: 10px;
}
.book-hdr,
.verse-container {
  margin-top: 6px;
}
.bk-intro9 {
  margin-left: 0 !important;
  text-indent: 2rem;
}
.bk-intro9 > div {
  margin-left: 2.5rem !important;
  text-indent: -2.5rem;
  padding-left: 1rem;
}
.bk-intro2 {
  margin-left: 3rem !important;
  margin-right: 1rem;
}
.bk-intro2 > div {
  margin-left: 3rem;
  text-indent: -3rem;
}
.book-hdr {
  background-color: purple;
  color: #fff;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.cross-ref,
.sub-title {
  background-color: #ddd;
}
.sub-title {
  padding: 4px 0 2px 8px;
  border: 1px solid #d3d3d3;
}
.chapter-hdr,
.cross-ref,
.section-hdr {
  text-align: center;
  border: 1px solid #ccc;
}
.fn-sup {
  font-size: 0.6em;
  margin-left: 1px;
  padding-left: 1px;
  padding-right: 1px;
  vertical-align: super;
  color: #8a2be2;
}
.chapter-hdr,
.section-hdr,
.verse {
  font-size: 1.05em;
}
.cross-ref {
  position: relative;
  background-color: #ddd;
  text-align: center;
  border: solid 1px #ccc;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  color: #0e6efd;
}
.cross-ref .xref {position: absolute;top: 5px;right: 5px;font-size: 1em;color: #aaa;}
.chapter-hdr {
  background-color: #0e6efd;
  color: #fff;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.section-hdr {
  background-color: #f3fab6;
  margin-top: 4px;
  margin-bottom: 5px;
}
.verse-icons,
.verse-num {
  background-color: #dedede;
}
.verse {
  margin-left: 0;
  padding-top: 0;
  margin-bottom: 2px;
  padding-left: 2.7rem;
  border-bottom: solid #eee 1px;
  padding-right: 80px;
}
.verse-name {
  position: absolute;
  color: #00f;
  margin-right: 8px;
  min-width: 2.5rem;
  font-size: 0.6em;
  left: 0;
  top: 0;
  line-height: inherit;
  text-align: left;
}
@media (min-width: 1200px) {
  .verse-name {
    font-size: 12pt;
  }
}
.verse-num {
  margin: 0;
  padding: 0 0 0 0.5em;
  font-size: 0.8rem;
  color: #00f !important;
  border-top: 1px solid #ccc;
}
.format-2,
.format-6 {
  position: relative;
  margin-left: 2rem !important;
}
.format-1,
.format-2,
.format-4,
.format-5,
.format-8 {
  line-height: 1.5;
}
.format-4 {
  color: #dc3545;
}
.format-8 > span {
  color: #dc3545;
  display: inline;
}
.format-8 > div,
.format-8 > span > div {
  margin-left: 2rem;
  margin-right: 2em;
}
.format-8 > div > div,
.format-8 > span > div > div {
  margin-left: 2.5rem;
  text-indent: -2.5rem;
}
.format-2 {
  color: #000;
}
.format-6 {
  color: #dc3545;
}
.format-1,
.format-5 {
  position: relative;
  margin-left: 0;
}
.format-1 > div > span,
.format-2 > span,
.format-5 > div > span,
.format-6 > span {
  margin-left: 2rem;
  text-indent: -2rem;
  display: block;
}
.format-1 {
  color: #000;
}
.format-5 {
  color: #dc3545;
}
.format-1 > div,
.format-5 > div {
  margin-left: 2rem;
}
.red {
  color: #dc3545 !important;
  font-style: normal;
}
.verse-icons {
  position: absolute;
  right: 0;
  display: flex;
  gap: 12px;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 2px;
  color: gray;
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
}