.islogin {
	color: #28a745;
	margin-right: 50px;
	vertical-align:middle;
}
.islogin .uname{
	margin-top: 25px;
}
.islogin h3 {
	display: inline-block;
	cursor: pointer;

}



.nav_top {
	background-color: #2d518f;
	display: flex;
	width: 100%;
	height: 80px;
	padding: 20px 30px;
	margin: 0 auto;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.textarea::placeholder {
	white-space: pre-line;
}

.logo {
	width: 10%;
	height: 45px;
}

.nav_top h1 a {
	color: #28a745;
}

.con {
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.left a,
.center a {
	font-size: 20px;
	margin: 0 20px;
	color: #ccc;
}


.login {
	color: #8b8b8b;
	text-decoration: none !important;
}

.dropdown {
	height: 0;
	overflow: hidden;
	background-color: #e8e8e8;
	margin: 0;
	padding: 0;
	width: 150px;
	position: absolute;
	top: 87px;
	border-radius: 5px;
	text-align: center;
	transition: all 0.3s ease;
	z-index: 2;
}

.dropdown li {
	list-style-type: none;
	padding: 0;
	margin: 5px 0;
	cursor: pointer;
}

.dropdown li:hover {
	color: #28a745;
}

.right {
	position: relative;
}

.uname:hover .dropdown {
	height: 80px;
}

.right i::before {
	transform: rotate(0deg);
	transition: transform 0.3s ease;
}

.uname:hover i::before {
	transform: rotate(90deg);
}

.uname li {
	color: #000;
}
.bigbox{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}
#payqr{
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}