/*
 * Computes a top-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Computes a bottom-shadow for a card effect.
 *
 * @param {Number} $depth - depth level
 *
 * @return {List}
 */
/**
 * Gives a card depth effect.
 *
 * @param {Number} $depth - depth level (between 1 and 5)
 *
 * @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
 *
 * @requires {function} top-shadow
 * @requires {function} bottom-shadow
 */
/* Palette generated by Material Palette - materialpalette.com/red/red */
.form-intro {
  color: #747474; }

.form-wrapper {
  margin-top: 12vh; }
  .form-wrapper h1 {
    font-weight: 700;
    font-size: 40pt; }
  .form-wrapper .text-inputs {
    padding-bottom: 40px !important; }
  .form-wrapper .text-inputs-last {
    padding-bottom: 35px !important; }
  .form-wrapper .control-label {
    color: #494949 !important;
    font-size: 11pt !important;
    font-weight: 500 !important; }
  .form-wrapper .main-field {
    margin-top: 10px !important; }
  .form-wrapper .form-horizontal {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px; }

.checkbox {
  padding-top: 0 !important; }

.btn-custom {
  margin-top: 10 !important;
  background-color: #43a047;
  color: #FFFFFF !important; }

.check {
  margin-right: 5px; }

.auto-signIn {
  font-size: 15px;
  line-height: 1.42857143;
  color: #333333 !important;
  font-weight: 400; }

.logIn-hero {
  background-image: url("/images/sokahanddevice.png");
  height: 100vh;
  background-color: #43a047; }
  .logIn-hero h1 {
    margin-top: 14vh;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 50pt; }

.recover-details {
  margin-top: 40px;
  font-weight: 300;
  text-align: center; }

.recover-btn {
  font-weight: 600;
  color: #494949; }

.modal-header {
  background-color: #43a047;
  color: #FFFFFF; }

.header-wrapper {
  margin-bottom: 12px; }

@media (max-width: 768px) {
  .logIn-hero {
    background-image: url("../images/bg.jpg");
    height: 200px;
    background-color: #43a047;
    background-size: cover; }
    .logIn-hero h1 {
      margin-top: 0 !important;
      padding-top: 30px;
      color: #FFFFFF;
      font-weight: 400;
      font-size: 18pt; }

  .form-wrapper {
    margin-top: 20px; } }

/*# sourceMappingURL=logIn.css.map */