.hidden {
	display: none !important
}

body {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	letter-spacing: -.015em;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6;
	min-width: 375px;
	color: var(--tc);
	background-color: var(--main-bg);
	overflow-x: hidden
}

.dark .btn {
  background-color: #3b82f6; !important;
  color: #ffffff !important;
}

.dark {
  --main-bg: #2e3036;      
  --second-bg: #1b1c1d;    
  --white-bg: #1e1f20;     
  --border: #3a4752;       
  --tw: #ffffff;          
  --tc: #94a3b8;          
  --mc: #3b82f6;           
  --mc-hover: #599bff;     
  --mc-trans: rgb(59, 130, 246, 0.25); 
  --radius: 15px;      
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark ul,
.dark ol,
.dark li,
.dark li::marker,
.dark li::before,
.dark span,
.dark div,
.dark strong,
.dark b {
  color: var(--tw) 
}

.dark select {
  background-color: var(--main-bg);
  color: var(--tw);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 8px 12px;
  font-size: 14px;
}

.dark select option {
  background-color: var(--main-bg);
  color: var(--tw);
}

.dark .sidebar .active i,
.dark .sidebar .active span {
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}

.hbtn-currency span {
  font-size: 14px;
  font-weight: 500;
}

.dark .hbtn-currency span {
  font-size: 14px;
  font-weight: 500;
}