html, body{
		margin: 0;
		padding: 0;
		font-size: 10pt;
		font-family: 'Calibri';
	}
	.vertical_center {
		min-height: 100%;
		min-height: 100vh; 
		display: flex;
		align-items: center;
	}
	.text{
		font-family:;
		font-size:11pt;
		color:#666;
	}
	h1{
		font-family:;
		font-size:4vw;
		color:#000;
	}
	input{
		text-align:center;
	}
	#notification{
		background-color:rgba(255,255,255,1);
		border:2px solid #007bff; 
		border-radius:15px; 
		text-align:center;
	}
	.secondstep, .thirdstep{
		display:none;
	}
	.change_pass{
		display:none;
	}
	.div tr:nth-child(odd) {
		background-color: #f3f3f3;
	}
	.div tr:nth-child(even) {
		background-color: #fff;
	}
	table tr td{
		border: 1px solid #000;
		padding: 2px 5px;
	}
	table thead tr td{
		background-color: #ccc;
		font-weight: 600;
	}
	#forgetpass_notification, #forgetpass_notification2, #forgetpass_notification3, #forgetpass_notification4, #forgetpass_notification5{
		text-align: center; font-size:10pt;
	}
	.tab-content{
		border-left: 1px solid #dee2e6;
		border-right: 1px solid #dee2e6;
		border-bottom: 1px solid #dee2e6;
	}
	.nav-tabs .nav-link{
		background-color: #ccc;
	}
		
	@media only screen and (min-width: 1200px){
		h1{font-size:3vw;}
	}
	@media only screen and (min-width: 992px) and (max-width: 1199) {
		h1{font-size:3.5vw;}
	}
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		h1{font-size:4vw;}
	}
	@media only screen and (min-width: 576px) and (max-width: 767px) {
		h1{font-size:5vw;}
	}
	@media only screen and (max-width: 575px){	
		h1{font-size:5.5vw;}