.top-middle{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
}

/*validation text size*/

.has-text-danger{
    font-size: 0.75rem
}

/*pagination*/

.pager .pagination>li>a,
.pager .pagination>li>span {
    color: #343a40;
}
.pagination>li.page-item.active>a {
    border: 1px solid #343a40;
  background: #343a40;
  color: #fff;
}




#main{
	width:960px;
	margin:50px auto;
	font-family:raleway;
}

span{

}

h2{
	background-color: #FEFFED;
	text-align:center;
	border-radius: 10px 10px 0 0;
	margin: -10px -40px;
	padding: 30px;
}

#login{

	width:300px;
	float: left;
	border-radius: 10px;
	font-family:raleway;
	border: 2px solid #ccc;
	padding: 10px 40px 25px;
	margin-top: 70px;
}

input[type=text],input[type=password], input[type=email]{
	width:99.5%;
	padding: 10px;
	margin-top: 8px;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-size: 16px;
	font-family:raleway;
}

input[type=submit]{
	width: 100%;
	background-color:#FFBC00;
	color: white;
	border: 2px solid #FFCB00;
	padding: 10px;
	font-size:20px;
	cursor:pointer;
	border-radius: 5px;
	margin-bottom: 15px;
}

#profile{
	padding:50px;
	border:1px dashed grey;
	font-size:20px;
	background-color:#DCE6F7;
}

#logout{
	float:right;
	padding:5px;
	border:dashed 1px gray;
	margin-top: -168px;
}

a{
	text-decoration:none;
	color: cornflowerblue;
}

i{
	color: cornflowerblue;
}

.error_msg{
	color:red;
	font-size: 16px;
}

.message{
	position: absolute;
	font-weight: bold;
	font-size: 28px;
	color: #6495ED;
	left: 262px;
	width: 500px;
	text-align: center;
}