/* ------------------------------------------id's-------------------------------- */
#audioUpload-filename,#storyUpload-filename
{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#addImages,#audioUpload,#storyUpload
{
	opacity: 0.0;
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right:0;
	width: 100%;
	height:100%;
}
#storyIconDiv
{
	position:relative;
	background-color: rgba(158, 158, 158,0.32);
	display: flex;
    justify-content: flex-end;
}
#file
{
	opacity: 0.0;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 20vh;
	padding: 0;
	z-index: 1;
}
#iconImg{
	height: 20vh;
	padding: 5px;
	border-radius: 1vw;
}
#uploadedImages{
	height:25vh;
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
	border: 2px solid gray;
}

/* ------------------------------------------classes-------------------------------- */
.custom-select
{
	border: 1px solid #808080!important;
}
.removeIcon
{
	visibility: hidden;
	position: absolute;
    color: red;
    font-size: 1.8vw!important;
    z-index: 1;
}
input{
	width:100%;
	outline: none;
	border: none;
    border-bottom: 1px solid gray;
}
input:focus
{
	border-bottom: 2px solid #3f51b5;
}
::placeholder
{
	color:1px solid rgba(155, 146, 146, 0.527);
}
.required:after {
    content:" *";
	color: red;
	font-weight: bold;
	font-size: 1.5vw;
  }
  .required.hidden:after {
	visibility: hidden;
}
.error {
	color: #FF0000;
	font-size: 1vw;
}
input[type='file'] {
	color: transparent; 
}

.uploadBox
{
	display: flex;
    justify-content: center;
}

.imgDiv {
    width: 15vw;
    display: inline-block;
    margin-top: 1.5vh;
    margin-left: 1vw;
    padding: 1vw;
}
.thumbnail {
    height: 20vh;
    width: 12vw;
	object-fit:contain;
	border:2px solid black;
}
label
{
	margin-bottom: unset!important;
	color:#676565;
}
.storyInfo div{
	margin-bottom: 2vh;
}


/* ------------------------------------------media query-------------------------------- */
@media screen and (max-width:600px){
	#file,#iconImg,#uploadedImages
	{
		height: 16vh;
	}
	.thumbnail
	{
		height: 6vh;
	}
	.addImg
	{
		display: block!important;
	}
	.imgBtn
	{
		justify-content: space-between;
   		margin-top: 1vh;
	}
	.fileLabel
	{
		padding: 15!important;
	}
}