@font-face {
			font-family: 'Canterbury';
   			 src: url("/fonts/Canterbury.ttf");
   			 font-weight: normal;
   			 font-style: normal;
			}
  
		body{
			font-family:'open sans', sans-serif;
      		background-image:url(/thisone.png);
			background-repeat:no-repeat;
			background-attachment:fixed;
			background-position:center;
			height:90%;
			background-size:cover;
			background-color:linen; 
			
      		}
		
		.container99{

			width:96%;
			height:98%;
			border:3px solid orange;
			margin:2%;
			border-radius:7px;
			
			}
			
		.pass-key{
			display:flex;
			position:relative;
			align-items:center;
			justify-content:center;
			flex-direction:column;
			width:60%;
			height:35%;
          	min-height:500px;
			background-color:#bba284;
			margin:20%;
			margin-top:200px;
			padding:8%;
			border-radius:7px;
			box-sizing:border-box;
			}
			
		.pass-key input{
			min-width:200px;
			padding:10px;
			border-radius:7px;
			border:1px solid orange;
			}
			
		.pass-key button{
			width:180px;
			padding:12px;
			border-radius:7px;
			align-items:center;
			justify-content:center;
			margin:10%;
			border:1px solid orange;
			background-color:#efedde;
			color: #7D5716;
			font-size:20px;
			}
			
		.pass-key button:hover{
			background-color:#f0f4f5;
      		background-color:rgb(240, 244, 245);
		}
			
/*--------------------------------------------------End client dash-------------------------------------------------*/

		.pass-key ol{
			position:absolute;
			left:15px;
			}
			
		.pass-key li{
			padding:7px;
		}
		
/*-------------------------------------------------- Index -------------------------------------------------*/
		
		
		update-key
		
	.imageView{
	   display:flex;
		margin:5px;
		width:155px;
		height:200px;
		overflow:hidden;
		flex-direction:row;
		position:relative;
		}	
	
	.imageView img{
		width:200px;
		height:100%;
		margin:2px;
	}
	
	.btn-slider{
		position:absolute;
		bottom:-5px;
		display:flex;
		transform: translateX(-0%);
		}
		
	.btn-slider span{
		height:15px;
		width: 30px;
		border:1px solid orange;
		margin:0 3px;
		cursor:pointer;
	}
	
	.btn-slider span:hover{
		background-color: orange;
		} 
		
	.slide{
		position:absolute;
		top:1%;
		transform: translateY(-1%);
		width:45px;
		height:45px;
		border:2px solid orange;
		cursor:pointer;
		}
		
	.right{
		right:0;
		}
		

	.slide-left{
		position:absolute;
		height:60px;
		width:30px;
		padding-right:30px;
		font-size:25px;
		color:orange;
		top:40%;
		left:25px;
		cursor:pointer;
		border:1px dashed orange;
		border-radius:7px;
		z-index:500;
		
		}
		
	.slide-left span{
		position:absolute;
		content:'\f503';
		margin-left:-12px;
		margin-top:-02px;
		cursor:pointer;
		font-family:FontAwesome;
		font-size:60px;
		font-stretch:30px;
		
		}
		
	.slide-right{
		position:absolute;
		height:60px;
		width:30px;
		padding-left:30px;
		font-size:25px;
		color:orange;
		top:40%;
		right:25px;
		cursor:pointer;
		border:1px dashed orange;
		border-radius:7px;
		z-index:500;
		}
		

	.slide-right span{
		position:absolute;
		content:'\f504';
		margin-left:-35px;
		margin-top:-02px;
		cursor:pointer;
		font-family:FontAwesome;
		font-size:60px;
		}
	
	/*---------------------------------------------------------------------*/
	
		
/*--------------------------------------*/