body{
	background-image: linear-gradient(to right, #525356 , #7469c1);
}
.main_header{
    width: 100%;
}

.main_header_content{
    max-width: 1300px;
    margin: 0 auto;
}

.main_form{
	max-width: 500px;
	margin: 100px auto;
	background-color: #042f66;
	padding: 20px 20px;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	box-shadow: 5px 5px 10px 10px #010419;
	-moz-box-shadow: 5px 5px 10px 10px #010419;
	-webkit-box-shadow: 5px 5px 10px 10px #010419;
}


.main_input{
	
	max-width: 100%;
	padding: 20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px auto;
}

.readonly {
    color: #FFF;
    background-color: #042f66;
    font-weight: 700;
}

.main_input > label{
	flex-basis: 30%;
	color: #FFF;
	font-size: 1em;
	font-weight: 700;
}

.main_input > input, .main_input > select{
	flex-basis: 70%;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border: none;
	padding: 5px 10px;
	font-size: 1em;
}

.main_input .btn{
	flex-basis: 40%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #FFF;
    background-color: #016408;
    border: none;
    font-size: 0.875em;
	padding: 5px 10px;
}

.main_input .btn:hover{
	background-color: #03920d;	
}

.main_input .back{
	background-color: #b10202;
}

.main_input .back:hover{
	background-color: #dc0000;
}

.main_input .exit{
	background-color: #232122;
}

.main_input .exit:hover{
	background-color: #000000;
}

.main_input .email{
	background-color: #ff751a;
}

.main_input .email:hover{
	background-color: #ff6600;
}