[data-theme="dark"] :root {
  --bg: #202123;
  --grey: #2b2c2e;
  --lgrey: #313234;
  --ltext: #8E8E8F;
  --text: #FAFAFA;
  --icons: #353638;
  --highlights: #1A1B1D;
  --accent: #738cfe;
}

.navbar-default .navbar-collapse {
  border: none !important;
}

/* Reset and enable buttons */
button {
  display: inline-block;   /* ensures it renders */
  visibility: visible;     /* makes sure it.s not hidden */
  padding: 8px 16px;       /* some spacing */
  background-color: #007BFF; /* blue background */
  color: #fff;             /* white text */
  border: none;            /* clean look */
  border-radius: 4px;      /* rounded corners */
  cursor: pointer;         /* pointer on hover */
}

/* Optional hover effect */
button:hover {
  background-color: #0056b3;
}



body { padding-bottom: 70px; }

.slider-label { padding-left: 0px; text-align: left !important; }

input[type=range] {
  margin-top: -6px !important;
  padding: 0px;
  -webkit-appearance: none;
  width: 100%;
  background-color:transparent !important;
  border: none;
  overflow: hidden;
}
input[type=range]:focus {
  outline: none;
  box-shadow: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: var(--accent);
  border-radius: 1.3px;
}
input[type=range]::-webkit-slider-thumb {
  height: 26px;
  width: 26px;
  border-radius: 13px;
  border: 3px solid #fff;
  background: var(--accent);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}

[data-theme="dark"] input[type=range]::-webkit-slider-thumb  {
  border-color: var(--bg) !important;
}


input[type="range"]::-moz-range-progress {
  background-color: #43e5f7; 
}
input[type="range"]::-moz-range-track {  
  background-color: #9a905d;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #43e5f7; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: #9a905d;
}