/* CSS Document */
a.link-button {
  cursor: pointer;
}

.text-purple {
  color: rgb(105,63,200);
}

/* layout styles */
body {
}

#page-wrapper {
  margin: 0 0 50px 0;
}

#header-wrapper {
}

#body-wrapper {
  padding: 0;
  min-height: 680px;
}

.login-opacity {
  background-color: rgba(255, 255, 255, 0.5);
}

#login-wrapper,
#signup-wrapper,
#forgot-wrapper {
  padding: 20px 0;
}

#signup-wrapper label,
#forgot-wrapper label { 
  display: none; 
}

#footer-wrapper {
  position: fixed;
  height: 50px;
  width: 100%;
  bottom: 0;
  margin: 0;
  padding: 0;
}

/* navbar styles */
.navbar {
  z-index: 999;
}

/* footer nav styles */
.footer-nav-wrapper {
}

.footer-nav {
  text-align: center;
}

.footer-nav-button {
  margin: 0;
  padding: 10px;
  display: inline-block;
  width: 15%;
  height: 50px;
  text-align: center;
  border-radius: 0;
}

/* login - moto-block */
#moto-block {
}

.moto-title {
  position: relative;
  top: -10px;
  font-size: 20px;
}

.moto-sub {
  font-size: 12px;
}

.moto-body {
  margin: 0;
  padding: 0 0 0 0;
  font-size: 14px;
}

/* widget styles */
.widget {
}

.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}