/* ------------------------------------------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;
}

#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;
}

.addIcon {
  color: #17a2b8d4;
  font-size: 2vw;
}
.ackRows,.previousAck 
{
  height: 16vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.modalAck
{
  outline: none;
  border: none;
  border-bottom: 1px solid gray;
  background: #fff5d7;
}