#addImages
{
    opacity: 0.0;
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    right:0;
    width: 100%;
	height:100%;
	cursor: pointer;
}
.removeIcon,.removeImg
{
    position: absolute;
    color: red;
    font-size: 1.8vw!important;
    right: 2px;
}
.iconSizeClass
{
	font-size:1.5vw;float:left
}
.uploadBox
{
	display: flex;
	justify-content: center;
}
#uploadedImages,#newImages{
	height:30vh;
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
	border: 2px solid gray;
}
.imgDiv {
    position: relative;
    display: inline-block;
    margin-top: 1.5vh;
    margin-left: 1vw;
    padding: 1vw;
}
.thumbnail {
    height: 23vh;
    width: 15vw;
	object-fit:contain;
	border:2px solid black;
	background-color: rgba(158, 158, 158,0.32);
}

.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;
  }
  .breadcrumbOpt .dropdown-item,a:not([href])
{
  color: #4990e2;
  font-weight: 700;
}
.breadcrumbOpt .dropdown-item:hover
{
  background-color: transparent;
  color:#2e6fb9!important;
  transition:all 0.4s ease-in-out;
}