/* ------------------------------------------id's-------------------------------- */


/* ------------------------------------------classes-------------------------------- */
.bgClass
{
	
	background-repeat: no-repeat;
	background-position:center;
	background-size:100% 100%;
	overflow-x:hidden;
	height:100%;
	margin:0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
    height: 25vh;
}
.addIcon
{
	padding: 0px 2px;
	position: absolute;
	bottom: 0;
	right: 5vw;
	color: green;
	z-index: 1;
	border: 2px solid;
	border-radius: 50%;
	background: white;
	display: flex;
}
#file {
    opacity: 0.0;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 22vh;
    padding: 0;
    z-index: 1;
}
input[type='file'] {
    color: transparent;
}
.accImg
{
	border-radius: 50%!important;
    position: absolute!important;
    bottom: 0;
    height: 22vh;
}
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;
  }
.error {
	color: #FF0000;
	font-size: 1vw;
}
.constantVal
{
    pointer-events: none;
    color: lightslategray;
}
label
{
	margin-bottom: unset!important;
	color:black;
}

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