.ribbon{
	font-family: cambria;
	border-radius: 0px 5px 5px 0px;
}
.btn{
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.btn .btn-grp{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 20px;
}
.btn .btn-grp > a{
	color: #000;
	padding: 6px;
/*	border: 2px solid #ffa03a;*/
	border-radius: 6px;
	font-family: cambria;
	font-size: 16px;
	box-shadow: inset 10px 10px 10px -1px rgba(10, 99, 169, 0.16),inset -10px -10px 10px -1px rgba(10, 99, 169, 0.16);
}
.btn .btn-grp > a > i {
	font-size: 14px;
	margin-right: 10px;
}
.btn .btn-grp > a:hover {
	background-color: #ffa03a;
	transition: all ease 1s;
	color: #fff;
}

/*************************************************************************************************************************************
 * Login Page Style
 * ***********************************************************************************************************************************/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
}

/*body{
	background: url('http://127.0.0.1/MFInetHUB%20v1.0/_Users_Web/admin/assets/img/login-background.jpg');
	object-fit: fit;
	background-color: #EBEDF4;
	overflow: hidden;
}*/
.lognPg{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}
.leftPhoto{
	width: 520px;
	height: 100vh;
	border-right: 5px solid #fdae26;
	left: 0px;
	background-color: #fff;
	border-radius: 0px 15px 15px 0px;
}
.leftPhoto  img{
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	object-fit: cover;
	left: 0px;
}
.leftPhoto h4{
	text-align: center;
	font-family: cambria;
}
.leftPhoto h4 > span{
	text-align: center;
	font-family: cambria;
	font-size: 32px;
	color: #fdae26;
	font-weight: 600;
}
.leftPhoto p{
	text-align: center;
	font-family: cambria;
	font-size: 18px;
}
.leftPhoto .buttonsGrp {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 10px;
	padding: 8px;
}
.leftPhoto .buttonsGrp .backBtn{
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	max-width: max-content;
	border: .1rem solid #00c1ff;
	background: #0cbdf5;
	padding: 8px 28px;
	overflow: hidden;
	z-index: 1;
	border-radius: .4rem;
	cursor: pointer;
	margin-left: 80px;
}
.leftPhoto .buttonsGrp .helpDesk{
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	max-width: max-content;
	border: .1rem solid #0049ff;
	background: #2a66fb;
	padding: 8px 28px;
	overflow: hidden;
	z-index: 1;
	border-radius: .4rem;
	cursor: pointer;
}


.loginForm .mainLogo{
	margin-left: 160px;
}
.loginForm .mainLogo > img{
	width: 280px;
}
.loginForm .form{
	align-items: center;
	width: 380px;
	height: auto;
	background-color: #ecf0f3;
	padding: 15px;
	border-radius: 8px;
/*	box-shadow: 10px 10px 15px #d1d1d1, -10px -10px 15px #fff;*/
	margin-top: 80px;
	margin-left: 110px;
}
.form img{
	width: 80px;
	height: auto;
	margin-top: -50px;
	margin-bottom: 10px;
/*	box-shadow: 10px 10px 15px #d1d1d1, -10px -10px 15px #fff;*/
	border-radius: 50%;
	border: 2px solid #ffc765;
	background-color: #fff;
}
.form form label{
	display: inline-block;
	margin-bottom: 3px;
	font-size: 16px;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	text-transform: capitalize;
	font-weight: 600;
}
.form form input[type=text],input[type=password]{
	width: 100%;
	margin-bottom: 5px;
	padding: 8px;
	border: 1px solid #ffc765;
	border-radius: 4px;
	text-transform: capitalize;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 16px;
}
/*.form form input[type=text],input[type=password]::placeholder{
	text-transform: capitalize;
}*/
.form p{
	width: 140px;
	/* text-align: center; */
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 14px;
	border-bottom: 2px solid #ffc765;
	text-transform: uppercase;
}
.form form a{
	color: #000;
	font-family: cambria;
	/*margin-top: 20px;
	margin-bottom: 50px;*/
}
.form form .login_btn{
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	max-width: max-content;
	border: .1rem solid #ffc765;
	background: #fdae26;
	padding: 8px 28px;
	overflow: hidden;
	z-index: 1;
	border-radius: .4rem;
	cursor: pointer;
}