/*Navigation Bar*/
.sidenav{
	height:100%;
	width:140px;
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	background-color:#111;
	overflow:hidden;
	padding-top:20px;
}
.sidenav a{
	padding: 6px 8px 6px 16px;
	text-decoration:none;
	font-size: 25px;
	color:#818181;
	display:block;
}
.sidenav a:hover{
	color:#f1f1f1;
}
.main{
	margin-left:140px;
	padding:0px 10px;
}
@media screen and (max-height:450px) {
	.sidenav{
		padding-top: 15px;
	}
	.sidenav a{
		font-size: 18px;
	}
}
/*End of Navigation Bar*/

/*Begining of entry form */
.form-group{
    margin-bottom: 20px;
}

label{
    display:block;
    font-weight:bold;
    margin-bottom: 5px;
}

input[type="text"],
input[type='email'],
input[type='password']{
    width:calc(100%-20px);
    padding:10px;
    Margin: 10px;
    border:1px solid #ccc;
    border-radius:5px;
}
input[type='submit']{
    width:calc(100%-24px);
    margin: 12px;
    padding:12px;
    border: 2px solid yellow;
    border-radius: 5px;
    background-color:#007bff;
    color:#fff;
    font-size:16px;
    cursor:pointer;
    transition:background-color 0.3s;
}
input[type='submit']:hover{
    background-color:#0056b3;
}
fieldset{
	width:100%;
}
.personal{
	border-right:none;
	border-top:none;
	border-left:none;
}
.keen{
	border-right:none;
	border-left:none;
}
.pay{
	border-right:none;
	border-left:none;
	border-bottom:none;
}
.alert{
    background:rgba(10, 255, 10, .6);
    text-align:center;
    color:rgba(255, 255, 255, .7);
    width:300px;
}
.erroralert{
    background: rgba(255, 10, 10, .7);
    text-align:center;
    width:300px;
    color:rgba(255, 255, 255, .1);
}