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

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

.bg-purple {
	background-image: linear-gradient(to bottom, indigo, violet);
}

.cancelled {
	position: absolute;
	top: 30%;
	width: 100%;
	left: 0;
	font-size: 40px;
	font-weight: bold;
	transform: rotate(20deg);
	text-align: center;
	z-index: 99;
}

/* layout styles */
html,
body {
  min-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #333;
  /* graident greys * / background-image: linear-gradient(to bottom, #333, #222); /* */
  /* graident violet */ background-image: linear-gradient(to bottom, indigo, violet); /* */
  /* graident red * / background-image: linear-gradient(to bottom, red, indigo); /* */
  /* graident green * / background-image: linear-gradient(to bottom, #21ffff, #469639 ); /* */
  /* graident blue * / background-image: linear-gradient(to bottom, indigo, darkblue); /* */
  /* graident pink * / background-image: linear-gradient(to bottom, indigo, violet, pink); /* */
}

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

#page-wrapper,
#header-wrapper,
#login-wrapper,
#signup-wrapper,
#forgot-wrapper {
}

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

#message-wrapper {
}

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

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

.navbar-logo {
  max-height: 40px;
}

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

.footer-nav {
  text-align: center;
  z-index: 999;
}

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

/* profile image */
.profile-image {
  margin: 0 0 0 0;
  padding: 0;
}
.profile-image img {
  width: 100px;
  height: 100px;
  padding: 4px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.profile-image-lg img {
  width: 80px;
  height: 80px;
  padding: 2px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.profile-image-md img {
  width: 60px;
  height: 60px;
  padding: 2px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.profile-image-sm img {
  width: 40px;
  height: 40px;
  padding: 2px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.profile-image-xsm img {
  width: 25px;
  height: 25px;
  padding: 2px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.delete_profile_pic {
  position: absolute;
}
.delete_profile_pic i {
  position: relative;
	left: -10px;
}

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

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

.moto-subtitle {
  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 */
}