/* 
    Created on : 31-ago-2020, 16.54.55
    Author     : richy
*/


.header{
    padding-top: 10px;
    margin-bottom: 300px;
    background-color: white;
    height: 70px;
    clear: both;
    position: fixed;
    top: 0;    
    width: 100%;
}


.logo{
    margin-left: 20%;
    color: #17bebb;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
}

.body{
    position: fixed;
    top: 100px;
    width: 60%;
    margin-left: 20%;
}
/* The footer is fixed to the bottom of the page */

.footer{
        clear: both;
	position: fixed;
	bottom: 0;
        height: 70px;
        background-color: white;
        width: 100%;
}

.footer h3 {
    vertical-align: middle;
    margin-top: 25px;
    margin-left: 20%;
}


.sol-form-row{
    height: 50px;
}

.label {
    float: left;
    width: 33%;
    text-align: right;
    padding-right: 5px;
}

.input {
    float: left;
    width: 66%;
    text-align: left;
}

.submit{
    clear: both;
    margin-left: 34%;
    width: 66%;
}

.bold {
    font-weight: bold;
    font-size: 1.1em;
}

.verify_notification {
    margin-left: 34%;
    width: 66%;
}

@media (max-height:800px){
	footer { position: static; }
	header { padding-top:40px; }
}



/* Here is the code for Responsive Footer */
/* You can remove below code if you don't want Footer to be responsive */


@media (max-width: 880px) {

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}