/* Custom layout */
body{
  min-height: 100%;
}

.form-group.sign-up-input input.form-control,
.form-group.sign-up-input select.form-control{
  border-radius: 50px !important;
  padding: 10px 20px !important;
}

h1,h2,h3{
  font-weight: 700;
  text-transform: uppercase;
}

.bg-fullscreen{
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.max-width-150{
  max-width: 150px;
}

.max-width-200{
  max-width: 200px;
}

.max-width-300{
  max-width: 300px;
}

.max-width-400{
  max-width: 400px;
}

.max-width-500{
  max-width: 500px;
}

.font-size-14{
  font-size: 14px !important;
}

.font-size-12{
  font-size: 12px !important;
}

.smallprint{
  position: absolute;
  z-index: 0;
  bottom: 20px;
  width: 100%;
  font-size: 12px !important;
}

.clickable:hover{
  cursor: pointer;
}

/* Bootstrap overrides */

.btn{
  border-radius: 50px;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

/* Custom colours */
.bg-yellow{
  background-color: #ffc504 !important;
}

.border-yellow{
  border-color: #ffc504 !important;
 }

 .modal-header{
  border: none !important;
  border-radius: 0 !important;
 }

/* SIGN UP */

.signup-area{
  height: 100vh
}

/* DASHBOARD */

.navbar-brand{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar-toggler{
  right: 20px;
}

.sidebar{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 60px 10px;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}