body 
	{
		background-color: #d7d6d3;
		font-family:'verdana';
	}
		
	.id-card-holder 
	{
		width: 225px;
		padding: 4px;
		margin: 0 auto;
		background: linear-gradient(to right, #292929, #4a4747);
		border-radius: 5px;
		position: relative;
        box-shadow: 0 10px 20px rgb(225 220 220), 0 6px 6px rgb(60 60 60 / 90%);
	}

	.id-card 
	{	
		text-align: center;
		box-shadow: 5px 5px 10px rgb(0 0 0 / 40%);
		border-radius: 20px;
		overflow: hidden;
		position: relative;
		z-index: 1;
		background: linear-gradient(45deg, rgb(255, 255, 255) 50%, rgb(249, 249, 249) 50%) 0% 0% / 20px 20px;
	}
	
	.id-card img 
	{
		margin: 0 auto;
	}
	
	.header
	{
		box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
		border-bottom-left-radius: 80px;
		border-bottom-right-radius: 80px;
		background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
	}
	
	.header img 
	{
		width: 75px;
		margin-top: 15px;
	}
	
	.photo img 
	{
		width: 95px;
		margin-top: 15px;
		background: linear-gradient(to right, #fefefe, #b6b4b4);
		box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
	}
	
	.id-address
	{
		background: linear-gradient(0deg, #73a0a0 0%, #a7dede 100%);
		box-shadow: 0 10px 20px rgb(225 220 220), 0 6px 6px rgb(60 60 60 / 90%);
		border-top: 1px solid #9c9090;
		padding: 7px 0;
		text-shadow: rgb(214 214 214) 1px 1px;
	}
	
	.id-address p
	{
		font-size: 8px;
		margin: 0;
		line-height: 13px;
		font-family: Muli, sans-serif;
	}
	
	.hr 
	{
		margin-bottom: 0;
	}
	
	h2 
	{
		font-size: 15px;
		margin: 7px 0;
		font-family: Muli, sans-serif;
	}
	
	h3 
	{
		font-size: 12px;
		margin: 2.5px 0;
		font-weight: 300;
		font-family: Muli, sans-serif;
	}
	
	h4 
	{
		font-size: 9px;
		margin: 2.5px 0;
		font-weight: 300;
		font-family: Muli, sans-serif;
	}
	
	p 
	{
		font-size: 7px;
		margin: 3px;
		font-family: Muli, sans-serif;
	}
	
	.id-card-hook 
	{
		background-color: #000;
		width: 70px;
		margin: 0 auto;
		height: 15px;
		border-radius: 5px 5px 0 0;
	}
	
	.id-card-hook:after 
	{
		content: '';
		background-color: #d7d6d3;
		width: 47px;
		height: 6px;
		display: block;
		margin: 0px auto;
		position: relative;
		top: 6px;
		border-radius: 4px;
	}
	
	.id-card-tag-strip 
	{
		width: 45px;
		height: 40px;
		background-color: #000;
		margin: 0 auto;
		border-radius: 5px;
		position: relative;
		top: 9px;
		z-index: 1;
		border: 1px solid #000;
	}
	
	.id-card-tag-strip:after 
	{
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #000;
		position: relative;
		top: 10px;
	}
	
	.id-card-tag:after 
	{
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 100px solid #d7d6d3;
		margin: -10px auto -30px auto;
		position: relative;
		top: -130px;
		left: -50px;
	}
	
	.card 
	{
		position: relative;
		margin-bottom: 0;
		border: 2px solid #73a0a0;
		background-color: #fff;
		background: linear-gradient(45deg, #e8efef, #fff, #fff, #f2f2f2, #fff, #fff, #f6f6f6, #fff, #fff, #d7d0d0);
		padding: 10px!important;
		border-radius: 30px;
		box-shadow: 5px 5px 10px rgb(0 0 0 / 40%);
		padding-bottom: 9px!important;
		padding: 6px 42px 31px 30px;
		border-radius: 39px;  
	}
	
	.no-gap
	{
		padding-right: 0!important;
	}
	
	.no-gap1
	{
		padding-left: 0!important;
	}
	
	.card-tab
	{
		position: relative;
		margin-bottom: 30px;
		border: 2px solid #73a0a0;
		background-color: #fff;
		background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
		box-shadow: inset 3px 3px 25px #aba5a5;
		padding: 15px 30px 15px 30px;
		border-radius: 39px;
		box-shadow: 0 4px 3px 1px #fcfcfc, 0 6px 8px #d6d7d9, 0 -4px 4px #cecfd1, 0 -6px 4px #fefefe, inset 0 0 3px 0 #cecfd1;
	}
	
	.btn-style
	{
		color: #fff;
		background-color: #4caf50;
		border-color: transparent;
		background: linear-gradient(0deg, #73a0a0 0%, #a7dede 100%);
		box-shadow: 0 10px 20px rgb(225 220 220), 0 6px 6px rgb(60 60 60 / 90%);
		font-size: 17px;
		font-family: Muli, sans-serif;
	}
	
	.input-txt
	{
		color: #000;
		background: #eee8dd;
		font-size: 15px;
		background-color: #ebecee;
		background: linear-gradient(to right, rgb(173, 169, 150), rgb(242, 242, 242), rgb(219, 219, 219), rgb(234, 234, 234));
		font-family: Muli, sans-serif;
		box-shadow: 0 10px 20px rgb(225 220 220), 0 6px 6px rgb(60 60 60 / 90%);
		letter-spacing: 1px;
		height: 45px;
		padding: 2px 15px;
		border: 1px solid #815799;
	}
	
	.heading-career 
	{
		font-family: Muli, sans-serif;
		font-size: 29px;
		text-transform: uppercase;
		display: block;
		line-height: 100%;
		text-shadow: rgb(0 0 0) 1px 1px;
		letter-spacing: 1px;
		position: relative;
		margin-bottom: 20px;
		border-color: white;
		background-image: none;
		border-radius: 8px;
		color: #fff;
		font-weight: bold;
		font-size: 26px;
		padding: 0px 1px;
		text-align: center;
	}
	.heading-career span 
	{
		font-weight: bold;
		background-image: linear-gradient(to top, #73a0a0 0%, #7fb3b3cc 80%, #5f8181e0 100%);
		padding: 7px;
		font-size: 20px;
	}
	
	#loader 
	{
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 1;
		width: 120px;
		height: 120px;
		margin: -76px 0 0 -76px;
		border: 16px solid #f3f3f3;
		border-radius: 50%;
		border-top: 16px solid #73a0a0;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
	}

	@-webkit-keyframes spin 
	{
		0% { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin 
	{
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}

	#myDiv 
	{
		display: none;
		text-align: center;
	}
	
	.top-gap
	{
		margin-top: 10px;
	}