html {
    overflow: hidden; 
    width: 100%;
    }
    body {
      height: 100vh;
      height: 100svh;
    width: 100%;
    position: fixed; 
    /* overflow-y: scroll; */
    overflow-y:hidden; 
    -webkit-overflow-scrolling: touch;  
    }
/* Verse-popup  ///////////////////////////////////////*/
.verse-popup {
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    max-width: 400px;
    max-height: 300px;

    border: 1px solid #8d99ae54;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

    display: none;

    /* style="width: 200px; height: auto;display:none;position:fixed;left:0;top:0; z-index: 1000;" */
}


.verse-popup__title {
    background-color: #8D99AE;
    padding: .2em;
    padding-left: 1em;
    font-size: small;
    font-weight: bolder;
    width: auto;
    display: flex;
    justify-content: space-between;
}

.verse-popup__body {
    padding: .8em;
    padding-right: 1em;
    font-size: small;
    line-height: 2;
    overflow: auto;
    height: auto;
    max-height: 250px;
}

.verse-popup__more {
    background-color: #dbdee5;
    font-size: small;
    padding: .2em;
    /* padding-right: 1.5em; */
    text-align: right;
    cursor: pointer;
}

/* BIBLE PANEL */

.search-window {
    background-color: #FAF8FF;
    /* position: fixed; */
    /* top: 0px;
    left: 0px; */
    width: 88vw;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  
    display: none;
  }
  .search-window-cover {
    background-color: #FAF8FF;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 88vw;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    z-index: 300;
    display: none;
  }


  .search-window__header {
    background-color: #41227F;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bolder;
    /* text-transform: uppercase; */
    padding: .5em 0;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }

  .search-window__header > div {
    cursor: pointer;
  }

  .search-window .heading {
    background-color: #d1cfcf;
    color: #000;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bolder;
    padding: .1em 1.5em;
    text-align: center;
  }

  .search-window__body {
    background-color: #fff;
    padding: .5em .8em;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);   
    max-height: 70vh;
    overflow: auto;
  }

  
  .bible-chapter .search-window__body {
    padding: .5em .8em;
  }
  .bible-chapter .search-window__body > div {
    margin-bottom: .5em;
    cursor: pointer;
    font-size: 1rem;
    /* line-height: 1.6; */
  }

  .search-window__body .panel {
    background-color: #fff;
    box-shadow: 0px 2px 7px 2px rgb(0 0 0 / 20%);
    /* font-size: 1rem; */
    line-height: 1.6;
    
    margin-bottom: 1em;
    padding: .5em .8em;
    border-radius: 7px;

    max-height: 30vh;
    overflow: auto;
  }

  .search-window__body .panel > div {
    cursor: pointer;
  }

 .search-window__body .panel > a {
    text-decoration: none;
    color: black;
    text-transform: capitalize;
    font-weight: bolder;
    /* font-size: 1rem; */
    margin-top: 1em;
    display: inline-block;

    cursor: pointer;
  }

  .search-window__body .panel--1 {
    background-color: #FAF8FF;
    border: 2px solid #FAF8FF;
    border-top: 1px solid #41227F;
    
  }  .search-window__body .panel--2 {
    background-color: #E3E0F3;
    border: 2px solid #E3E0F3;
    border-top: 1px solid #41227F;
    
  }  .search-window__body .panel--3 {
    background-color: #FAF7FF;
    border: 2px solid #FAF7FF;
    border-top: 1px solid #41227F;
    
  }

  .verse-content {
    /* background-color: red; */
    /* padding: 3em; */
  }

.verse-content > div {
    cursor: pointer;
    /* font-size: 1rem; */
    line-height: 1.6;
    margin-bottom: 3px;
    padding: 1em 0;
    border-bottom: 1px solid gray;
  }

.study-tools > button {
  background-color: var(--main-color);
    color: white;
}
  /* Verse history */
.verse-history {
    /* background-color: red; */
}

.verse-history > a {
    text-transform: capitalize;
    font-size: 1rem;
    color:#000;
}

.verse-history > div {
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 3px;
    padding: 1em 0;
    border-bottom: 1px solid gray;
  }

  .biblia_display_text{
    display: none;
    animation: blink 1s linear infinite;
}
.biblia_spinner {
  display: none;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-left: 8px;
}
.biblia_original_text{
  font-weight: bold;
}
/* End of search window  ///////////////////////////////////////*/



/* Verse-popup  ///////////////////////////////////////*/

/* .verse-popup {
    background-color: #fff;
    position: fixed;
    top: 00px;
    left: 0px;
    width: 400px;
    max-width: 90vw;
    border: 1px solid #8d99ae54;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

    display: none;
} */
.child {
    position: absolute;
    bottom: -10%;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    z-index: -1000;
    border-top: 20px solid #8d99ae49;
  }

/* .verse-popup__title {
    background-color: #8D99AE;
    padding: .2em;
    padding-left: 1em;
    font-size: 1.4rem;
    font-weight: bolder;
    width: auto;
}

.verse-popup__body {
    padding: .8em;
    padding-right: 1em;
    font-size: 1.5rem;
    line-height: 2;
    max-height: 15vh;
    overflow: auto;
    cursor: pointer;
}

.verse-popup__more {
    background-color: #8d99ae49;
    font-size: 1.3rem;
    padding: .2em;
    padding-right: 1.5em;
    text-align: right;
    cursor: pointer;
} */


/* Bible chapter  ///////////////////////////////////////*/

.bible-chapter {
    /* max-width: 920px;
    width: 100%; */
    margin: 0 auto;
    min-height: 70vh;
}

.bible-chapter > div {
    margin-bottom: 3px;
    padding: 1em 0;
    border-bottom: 1px solid gray;
}
.tools-icon-text
{
	margin: 0;
	color: white;
	font-size: xx-small;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0px;
	padding: 0px;
}


.context{
  background-color: #d6cee5;
  /* font-style: italic; */
}

/* .rating_panel{
  display: flex;
  align-items: center; 
  justify-content: center; 
  border-radius: 5px;
  border: solid black 1px;
  width: 100%;

}

.ratings{ 
  flex-grow: 1;
  display: flex;
  border: solid black 1px;
  align-items: center; 
  justify-content: center; 
  text-align: center; 

} */

.centerContentXY {
  display: flex;
  justify-content: center;
  align-items: center;
}

.limit-text{
  overflow: hidden;
  white-space: nowrap;
  /* max-width: 70px; */
  text-overflow: ellipsis;

}

.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100vw;height:100vh;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:100%}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}

.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
/* .w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px} */
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}