@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
.form-wrapper-outer{
            padding: 40px;
            border-radius: 8px;
            margin: auto;
            width: 460px;
            border: 1px solid #DADCE0;
            margin-top: 7%;
        }

        .form-wrapper-outer .form-logo{
            margin: 0px auto 15px;
            width: 100px;
        }
        .form-wrapper-outer .form-logo img{
            width: 100%;
        }
        .form-greeting{
            text-align: center;
            font-size: 25px;
            margin-bottom: 15px;
        }
        .form-button{
            text-align: right;
        }

        .field-wrapper{
            position: relative;
            margin-bottom: 15px;
        }
        
        .field-wrapper input{
            border: 1px solid #DADCE0;
            padding: 15px;
            border-radius: 4px;
            width: 100%;
        }

        .field-wrapper input:focus{
            border:1px solid #1A73E8;
        }

        .field-wrapper .field-placeholder{
            font-size: 16px;
            position: absolute;
            /* background: #fff; */
            bottom: 17px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #80868b;
            left: 8px;
            padding: 0 8px;
            -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
            transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
            z-index: 1;

            text-align: left;
            width: 100%;
        }        
        
        .field-wrapper .field-placeholder span{
            background: #ffffff;
            padding: 0px 8px;
        }

        .field-wrapper input:not([disabled]):focus~.field-placeholder
        {
            color:#1A73E8;
        }
        .field-wrapper input:not([disabled]):focus~.field-placeholder,
        .field-wrapper.hasValue input:not([disabled])~.field-placeholder
        {
            -webkit-transform: scale(.75) translateY(-39px) translateX(-60px);
            transform: scale(.75) translateY(-39px) translateX(-60px);
            
        }

#file_name1,#file_name2,#file_name3{
	height: 55px; 
	border-radius:3px; 
	font-size:16px; 
	padding-top: 16px; 
	cursor:pointer;
	overflow:hidden;
	text-align:justify;
}
@media(max-width:1080px){
	#file_name2,#file_name3{
		padding-top:6px;
	}
}
@media(max-width:890px){
	#file_name1{
		padding-top:6px;
		
	}
}
@media (max-width: 768px) and (min-width:768px){
	#file_name2,#file_name3{
		height:80px;
	}
}
@media (max-width: 648px) and (min-width:576px){
	#file_name2,#file_name3{
		height:80px;
	}
}
@media(max-width:409px){
	#file_name2,#file_name3{
		height:80px;
	}
}
@media(max-width:348px){
	#file_name1{
		height:80px;
	}
	#file_name2,#file_name3{
		height:100px;
	}
}
@media(max-width:339px){
	#file_name1{
		height:60px;
	}
	#file_name2,#file_name3{
		height:60px;
	}
}
.padding-top-16{
	padding-top:16px !important;
}
.height-55px{
	height:55px !important;
}
form label{
	display:none !important;
}
form input.error, #form textarea.error {
    border: 1px solid red !important;
}
.error{
	font-size:inherit;
}
label[for=inputimage1],label[for=inputimage2],label[for=inputimage3]{
	display:block !important;
}