.main {
position: absolute;
top: 50px;
left: 20%;
width: 450px;
height:530px;
border: 2px solid gray;
border-radius: 10px;
}
.main label{
color: rgba(0, 0, 0, 0.71);
margin-left: 60px;
}
.preview{
/*position: absolute;*/
/*font-size: 30px;*/
/*top: 100px;
left: 100px;*/
width: 100px;
padding-top:5px;
padding-bottom:15px;
text-align: center;
/*line-height: 180px;
/*font-weight: bold;
color: #C0C0C0;
background-color: #FFFFFF;
overflow: auto;*/
/*border: 1px solid gray;*/
/*height:175px;*/
}

.previewing {
    width: 70px;
    padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	color: #C0C0C0;
	background-color: #FFFFFF;


}


#selectImage{
padding: 19px 21px 14px 15px;
position: absolute;
bottom: 0px;
width: 414px;
background-color: #FEFFED;
border-radius: 10px;
}
.submit{
font-size: 16px;
background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
border: 1px solid #e5a900;
color: #4E4D4B;
font-weight: bold;
cursor: pointer;
width: 300px;
border-radius: 5px;
padding: 10px 0;
outline: none;
margin-top: 20px;
margin-left: 15%;
}
.submit:hover{
background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}
#file {
/*
color: red;
padding: 5px;
border: 5px solid #8BF1B0;
background-color: #8BF1B0;
margin-top: 10px;
border-radius: 5px;
box-shadow: 0 0 15px #626F7E;
margin-left: 15%;
width: 100%;
*/
}
.message{
/*position:absolute;
top:120px;
left:815px;*/

}
#success
{
color:green;
}
#invalid
{
color:red;
}
#line
{
margin-top: 274px;
}
#error
{
color:red;
}
.error_message
{
color:red;
font-size:10px;
width:100%;
z-index:99;
}
.loading
{
display:none;
/*position:absolute;
top:50px;
left:850px;
font-size:25px;*/
}