body{
	background: #e2e2e2!important;
}
.bg-primary{
	background: #009688!important;
}
.banner{
	width:100%;
	height:93vh;
	background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)) ,url(../image/banner.jpg);
	background-size:cover;
	color:white;
}
.my-card{
	padding: 20px;
	background:#FFFFFF;
}
#login .container #login-row #login-column #login-box {
    margin-top: 120px;
    max-width: 600px;
    height: 420px;
    border: 1px solid #9C9C9C;
    background-color: white;
}

#login .container #login-row #login-column #login-box #login-form {
    padding: 20px;
}

#login .container #login-row #login-column #login-box #login-form #register-link {
    margin-top: -85px;
}
.loginfail{
	width:70%;
	height:93vh;
	background:url(../image/loginfail.png);
	background-size:cover;
	color:white;
	margin:0 auto;   /* YE section KO horizontal center KAREGA*/
    display:flex;  /* horizontal center*/
    justify-content:center;  /* vertical center*/
    align-items:center;
    text-align:center;
}
/* sideBar style */

/*display: none kya karta hai?
dipaly:bolck=Sidebar visible ✅
👉 Sidebar ko bilkul hide kar deta hai.*/
@media only screen and (max-width: 600px){
	.sidebar{
	display: none;
	width: 80% !important;
	background: white;
	height: 100vh;
	position: fixed;
	padding-top: 20px;
	}
	.content{
	   margin-left: 0% !important;
	}
}

.sidebar{
	width: 18%;
	background: white;
	height: 100%;
	position: fixed;
	padding-top: 45px;
	z-index: 999999999999999999999999;
}

.sidebar a{
	display: block;  /* horizontal center*/
	width: 100%;
	padding: 10px 25px;
	text-decoration: none;
	color: gray;
}
.sidebar a:hover{
	background: #e2e2e2;
}
.sidebar .divider{
	height:5px;
	width:100%;
	background: #e2e2e2;
	margin-top: 10px;
}

.content{
	margin-left: 20%;
}
.sidebar .crossBtn{
	position: absolute;
	top: 0;
	right: 35px;
	font-size: 36px;
	cursor: pointer;
}
.my_profile_photo{
	width:35px;
	height:35px;
	object-fit:cover;
	border-radius:50%;
	
}