form.css

.mdl-card
{
	width: 100%;	
	padding: 20px;
}
.top-text
{
	font-size: 15px;
	font-weight: bold;
}
.icon
{
	padding-top: 10px;
}
.material-icons
{
	color: #495358;
	padding-right: 5px;
}
.material-icons.md-20
{
	font-size: 20px;
}
.middle-text
{
	display: flex;
    font-size: 15px;
}
.first-text
{
	padding-top: 25px;
	padding-right: 65px;
}
.second-text
{
	padding-top: 25px;
	padding-right: 75px;
}
.third-text
{
	padding-top: 25px;
	padding-right: 80px;
}
.mdl-button
{
	margin-bottom: 20px;
}
.bottom-text
{
	height: 50px;
}
.form-bottom
{
	display: flex;
	height: 40px;
}
.bottom-button 
{
   margin-left: auto;
}
.dropdown
{
	padding-top: 25px;
}
select
{
	width: 310px;
}
.from-text
{
	text-align: center;
}
.content-text
{
	text-align: center;
}

.mdl-textfield
{
	width: 100%;
}
.content-text-feild
{
	padding-top: 0px;
}
.header-icon
{
	color: white;
}
@media screen and (max-width: 346px) {
	.mdl-card
	{
		padding: 0;
	}
   select
   {
   	width: 180px;
   }
}