/* ------------------------------------------id's-------------------------------- */
.breadcrumb {
    background-color: unset;
    font-weight: 600;
    font-size: 1.4vw;
    margin: unset;
}
.breadcrumb-item+.breadcrumb-item::before
{
  content: '-';
  color: #6c757d;
}

.breadcrumb-item a{
  color:white;
}
a:hover{
  text-decoration: none;
}
.breadcrumb-item a:hover
{
  color:black;
  cursor: pointer;
}
.breadcrumb-item.active {
  color: #6c757d;
}

#imageList
{ 
	overflow-y:auto;
	height:78vh;
  margin:0% 0% 0% 0% !important;
  padding: 10px 15px;
}
#addImages{
  opacity: 0.0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#pageImg{
	height:35vh;
	object-fit:contain;
	
}
#pageText
{
	padding:3% 0% 0% 0% !important;
	overflow:auto;
  height: 44vh;
	line-height:5vh;
}
/* #pageText span{
	display:inline-block;
} */
#iconDiv {
  position: absolute;
  color: white;
  background: #666;
  padding: 0.5em;
  display: none;
  user-select:none;
  /* z-index:500; */
}
#actionwidgets
{
  display: flex;
  justify-content:center;
  border-top: 1px solid rgba(0,0,0,.1);
  padding: 8px;
}
/* ------------------------------------------classes-------------------------------- */
.leftImgDiv
{
  margin:2% 0% 2% 0% !important;
  display: flex;
  position: relative;
	justify-content: flex-end;
}
.leftImgDiv img
{
  object-fit:contain;
  height:30vh;
}
.noMargin{
	margin:0px !important;
}
.bottomWidget
{
  display: flex;justify-content: flex-end;margin-top:6vh;
}
.tickMark
{
  display: flex;
  visibility: hidden;
  float: right;
  color: forestgreen;
  font-size: 2.3vw;
}

.storyName
{
	display: flex;
    justify-content: center;
    background-color:rgb(24 97 175 / 77%)!important;
    color: white;
    height: 10vh;
    align-items: center;
    margin: 8px;
}