body{
    	background-color:#171c2b;
/*     	background-image:url(https://wallpaperaccess.com/full/2391514.jpg);    	 */
    	
    	color:#fff;
  	}
.left-menu{
	position:absolute;
/* 	width:110px; */
	right:130px;
/* 	top:10px; */
	background-color:#1a1f2e;
	z-index:999;
	padding:10px;
	text-align:center;
	font-size:10pt;
	color:#999;
	display:none;
}
.input-amt{
	background:transparent;
	border:none;
	width:80px;
	color:#fff;
}
.input-amt:focus{
	outline: none;
}
.title{
	padding:10px 20px 10px 20px;
	background-color:rgba(102, 102, 102, .3);
	color:white;
	margin-bottom:15px;
}
.list{
	padding:5px 15px 5px 15px;	
	color:white;
	border-bottom:1px solid rgba(65, 73, 97, .6);
	cursor:pointer;
	border-collapse: separate;
  	border-spacing: 20px;
	overflow-y:auto;
}
.list:hover{
	background-color:rgba(65, 73, 97, .3);
}
.list-active{
	background-color:rgba(65, 73, 97, .8);
}
.text-sm-6{
	font-size:6pt;
}
.text-sm-8{
	font-size:8pt;
}
.spacing{
	margin-left:10px;
	margin-right:10px;
}
	.acc-type{
    	position:absolute;
    	color:darkorange;
    	font-size:8pt;
    	margin-top:-47px;
    	margin-left:70px;
	}
	.trade-total{
    	position:absolute;
    	color:darkorange;
    	font-size:8pt;
    	margin-top:-12px;
    	margin-left:70px;
	}
/* 	.dropdown{    	
    	position:absolute;
    	right:0;
    	display:none;
    	font-size:10pt;
    	color:#fff;
    	background-color:#1a1f2e;
    	margin-top:10px;
    	z-index:999;
    	opacity:1;    	
	}
	.dropdown span{
    	font-size:8pt;
	} */
	.real-acc{    	
    	width:300px;
/*     	background-color:rgba(36, 60, 97,.3); */
    	cursor:pointer;
    	padding:10px;
    	
	}
	.btn-gray{    	
    	padding:5px 30px 5px 30px;
    	background-color:rgba(102, 102, 102,.3);
    	position:absolute;
    	right:10px;
    	margin-top:-15px;
    	
	}
	.btn-gray:hover{ 
    	background-color:rgba(102, 102, 102,.5);
	}
	.real-acc:hover{
    	background-color:rgba(36, 60, 97,.5);
	}
	.navbar-top{
    	position:fixed;
    	top:0;
    	width:100%;
    	height:60px;
    	padding-top:0px;
    	padding-bottom:5px;
    	border-bottom:0.2px solid #444;
/*     	background-color:#121212; */
    	z-index:999;
  	}
  	.right{    	
    	margin-right:10px;
    	float:right;
    	padding:5px;
  	}
  	.btn-deposit{
   		border:1px solid #267982;
    	padding:8px 25px 10px 25px;
    	border-radius:2px;
    	color: #36b4c2;
     	text-decoration:none;   
/*     	background-color:#121212; */
   }
.btn-deposit:hover{
   		border:1px solid #267982;
    	background-color:#267982;
  		color:white;
}
a{
  	text-decoration:none;   
  	color:#999;
}
a:hover{
  	color:#fff;
}
.profile{
  	 border-radius:50%;
  	 width:45px;
  	 height:45px;
  	
}
.logo{
  	border-radius:50%;
  	 width:40px;
  	 height:40px;
  	 margin-top:3px;
  	 margin-left:20px;
  	 border:1px solid #575757;
}
.profile:hover{
  	 color:darkorange;
}
.acc-currency{
  	color:orange;
  	font-weight:bold;
  	padding:0px 10px 0px 10px;
}
::-webkit-scrollbar {
  	width: 4px;
  	border-radius: 2px;
  	border: 1px solid #267982;
}

::-webkit-scrollbar-track {
  	border-radius: 0;
  	background: #171c2b;
}

::-webkit-scrollbar-thumb {
  	border-radius: 2px;
  	background: #267982;
}
.left{
  	float:left;
  	display: inline-block;
/* 	padding:5px; */
	margin-top:8px;
}
.symbol-btn{
	
}
.symbol{
		border:1px solid #575757;
    	padding:15px 25px 16px 25px;
    	border-radius:2px;
    	color: #fff;
     	text-decoration:none;  
		margin-top:5px;
		margin-left:10px;
		font-size:8pt;
		
  }  
  
  .symbol:hover{
		background-color:rgba(255, 255, 255, .2);
  }   
  .symbol:active{
		background-color:rgba(255, 255, 255, .2);
  }  
  .sym-active{
		border-bottom:3px solid #267982;
/*   		background-color:#2e2e2e; */
  }  
  .close{
  		position:absolute;
  		margin-top:-10px;
  		margin-left:15px;
  		display:block;
  		color:#999;
  		font-weight:bold;
  		z-index:999;
  		font-size:9pt;
  }
  .close:hover{
  		cursor:pointer;
  		color:#fff;
  }
  .block{
  		display: inline-block;
  }
  .sub-symbol{
  		position:absolute;
  		font-size:8pt;
  		color:#999 ;  		
  		margin-left:-47px;  		
  		margin-top:20px;
  }
  .sub-symbol-up{
  		position:absolute;
  		font-size:9pt;
  		color:green ;  		
  		margin-left:-57px;  		
  		margin-top:19px;
  		font-weight:bold;
  }
  .sub-symbol-down{
  		position:absolute;
  		font-size:9pt;
  		color:#ff491c;  		
  		margin-left:-57px;  		
  		margin-top:19px;
  		font-weight:bold;
  }
.right-fixed {
  	height: 100%;
  	width: 140px;
  	position: fixed;
  	z-index: 99;
  	top: 50;
  	right: 0;
  	overflow-x: hidden;
  	padding: 10px;
	text-align:center;
}
.right-panel{
  	position:absolute;
	margin-top:-400px;
	z-index:999;
	width:130px;
	right:0;
	padding:10px;
}
  .btn-success{
  	background-color:#2b8e99;
  }
  .btn-success:hover{
  	background-color:#267982;
  
  }
  .buy-price{
  	border-radius:3px;
  	background-color:rgba(102, 102, 102, .3);
  	padding:5px;
  	margin-top:10px;
  	cursor:pointer;
  }
  .buy-price:hover{  
  	background-color:rgba(102, 102, 102, .5); 
  }
.btn-min{
	border-radius:2px 0px 0px 2px;
  	background-color:rgba(102, 102, 102, .3);
  	padding:0 23px 0 23px;
  	margin-left:-9px;
  	cursor:pointer;
	border-right:1px solid #000;
 }
  .btn-pls{
	border-radius:0px 2px 2px 0px;
  	background-color:rgba(102, 102, 102, .3);
  	padding:0 23px 0 23px;
  	margin-right:-10px;
  	cursor:pointer;  	
 }
.btn-min:hover, .btn-pls:hover{
	background-color:rgba(102, 102, 102, .5);
}
 .sidenav {
  height: 100%;
  width: 80px;
  position: fixed;
  z-index: 1;
  margin-top: 60px;
  left: 0;
/*   background-color: #2b2b2b; */
 background-color:rgba(102, 102, 102, .1);
  overflow-x: hidden;
  padding-top: 0px;
  border-right: 1px solid #444;
  text-align:center;
}

.sidenav a {
  padding: 16px 16px 16px 16px;
  text-decoration: none;
	margin-top:0px;
	margin-bottom:0px;
  font-size: 7pt;
  color: #818181;
  display: block;
}
.brand{
		font-size:14pt;font-weight:bold;margin:8px;margin-top:8px;color:#999
  }
.sidenav a:hover {
  color: #fff;
	background-color:#2a5257;
}
  .blurs-up{  
  	background-color:rgba(42, 82, 87, .5);  	
  }
  .blurs-down{   	
  	background-color:rgba(122, 22, 22, .3);   
  }
.main{
	color:#fff;
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(225 225 225 / var(--tw-text-opacity));
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 30 49 / var(--tw-bg-opacity));
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(224 224 224 / var(--tw-text-opacity));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(41 47 69 / var(--tw-bg-opacity));
}
.sm\:rounded-lg {
    border-radius: 0.3rem;
}
.rounded-md {
    border-radius: 0.2rem;
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(224 224 224 / var(--tw-text-opacity));
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(74 93 120 / var(--tw-bg-opacity));
}
[type='checkbox'], [type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #171e31;
    border-color: #6b7280;
    border-width: 0px;
    --tw-shadow: 0 0 #0000;
}
[type='email'],[type='password'],[type='text']{
	background-color:#171e31;
	border:none;
	outline:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid black;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #171e31 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.btn-danger{
		background-color:#f2918a;
	}
	.btn-danger:hover{
    	background-color:#d98e89;
    }
	.menu{
    	margin-left:30px;
    	margin-right:30px;
    	display:inline-flex;
    }
	body{
    	background-image;none;
    }
	.home{
    	background-image:url(https://wallpaperaccess.com/full/5838290.jpg);
        height:500px;
    }
    .navbar-top{
    	border:none;
    }
    .btn-login{
    	padding:10px;
    	color:#ddd;    	
    	cursor:pointer;    	
    }
    .btn-login:hover{
    	color:#999;
    }
    .brand{
    	color:#ddd;
    }
@media screen and (max-width: 600px) {
.menu{display:none;}
}