body{
margin:50px 0 0 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
padding:0;
background-color: rgba(255,255,255,0.5);
}
.nav{
padding:0;
width:100%;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
height:30px;
background-color:#4267B2;
color:white;
z-index:1;
box-shadow:0 0 5px 0 #F5F5F5;
}
.nav a{
color:white;
font-weight: bold;
text-decoration:none;
}
.nav a:hover{
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.logo{
float:left;
width:20%;
margin:auto;
text-align:center;
line-height:30px;
font-size:100%;
}
.list{
float:left;
margin:auto;
width:60%;
padding:0 auto;
line-height:30px;
}
.list a{
display:inline-block;
margin:0 3%;
padding:0;
letter-spacing:1px;
text-align:center;
}

.account
{
float:right;
width:20%;
margin:auto;
text-align:center;
line-height:30px;
font-size:80%;
}
.input_block
{
background-color:white;
width:95%;
max-width:1000px;
border: 1px solid white;
margin:20px auto;
padding:2% 2% 2% 2%;

}
.user_input input {
width:100%;

}
.dummy{
	margin: 10px;
}

.each_block
{
background-color:white;
width:90%;
font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
max-width:1000px;
margin-top:10px;
margin-bottom:0;
margin-left:auto;
margin-right: auto;
padding: 0;
padding-left:1%;
padding-right: 1%;

}
.each_block:hover{
box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 6px 8px rgba(0,0,0,0.11),
              0 8px 16px rgba(0,0,0,0.11);}
.tag{
width:100%;
background-color:white;
color:black;
font-weight:bold;
text-align:left;
margin:0;
padding: 0;

}

.heading{
padding:0;
margin:0;
font-size:14px;
font-weight:bold;
}
.name{
font-style:oblique;
color:#A8A8A8;
font-size:11px;
padding:0;
margin:0;
}

.each_block .head{
	text-align: center;
	font-size:14px;
	font-weight: bold;
	cursor: pointer;
}
.btn{
	color: white;
	background-color: #4267B2;
}
.modal-header{
color: white;
	background-color: #4267B2;	
}
.modal-body input{
	width: 100%;
	margin: 5px auto;
	border-bottom: 1px;
	padding: 2px;
	border: none;
	background-color: #D3D3D3;
	height: 40px;
}
.modal-body select{
	width: 100%;
	margin: 5px auto;
	border-bottom: 1px;
	padding: 2px;
	border: none;
	background-color: #D3D3D3;
	height: 40px;
}
.modal-body:nth-child(3){
	width: 100%;
	margin: 5px auto;
	border-bottom: 1px;
	padding: 2px;
	border: none;
	background-color: #D3D3D3;
	height: 400px;
}
.modal-body .labelinput{
	text-align: left;
	font-size:10px;
	font-weight: bold;
	cursor: pointer;
}


.middle{
width:50%;
padding:25px;
margin:80px auto;
color:#12141d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.signup input{
display:block;
width:60%;
border:none;
background-color: #dfe1ee;
color:black;
height:40px;
padding:4px;
margin:15px auto;
}
.signup .button{
height:35px;
margin:10px auto;
width:61%;
background-image:linear-gradient(#334a7d,#2b3c63);
color:white;
border:none;
font-weight:bold;
}
.signup .button:hover{
height:35px;
margin:10px auto;
width:61%;
background-image:linear-gradient(#2b3c63,#334a7d);
color:white;
border:none;
font-weight:bold;	
}

.account_head{
text-align:center;
font-weight:bold;
margin-bottom: 10px;
}
.account_base{
text-align:center;
font-weight:bold;
margin-bottom: 10px;
color: black;
}
.middle  .labelinput{
text-align: center;
	font-size:10px;
	font-weight: bold;
	cursor: pointer;
}

