.form-elegant .font-small {
  font-size: 0.8rem;
}

.form-elegant .z-depth-1a {
  -webkit-box-shadow: 0 2px 5px 0 rgba(55, 161, 255, 0.26), 0 4px 12px 0 rgba(121, 155, 254, 0.25);
  box-shadow: 0 2px 5px 0 rgba(55, 161, 255, 0.26), 0 4px 12px 0 rgba(121, 155, 254, 0.25);
}

.form-elegant .z-depth-1-half,
.form-elegant .btn:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15);
  box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15);
}

.form-elegant .modal-header {
  border-bottom: none;
}

.modal-dialog .form-elegant {
  color: black !important;
}

.form-elegant .modal-body, .form-elegant .modal-footer {
  font-weight: 400;
}

.modal {
  font-family: iransans;
}

.blue-gradient {
  background: linear-gradient(270deg, #45cafc, #303f9f);
  background-size: 400% 400%;
  -webkit-animation: AnimationName 10s ease infinite;
  -moz-animation: AnimationName 10s ease infinite;
  animation: AnimationName 10s ease infinite;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.btn-rounded {
  border-radius: 10em;
}

.btn.blue-gradient {
  transition: 0.5s ease;
  color: #fff;
}

.btn-linkedin-login {
  display: flex;
  justify-content: center;
  margin-left: 10px;
  margin-top: 5px;
  background-color: #0077b5;
  color: #fff;
}

.btn-linkedin-login:hover {
  background-color: #1e66b5;
  color: white;
}

.btn-google-login {
  display: flex;
  justify-content: center;
  margin-right: 10px;
  margin-top: 5px;
  background-color: #d34836;
  color: #fff;
}

.btn-google-login:hover {
  background-color: #cd1212;
  color: white;
}

.f {
  font-family: iransans;
}

.modal-footer {
  justify-content: flex-start;
}

.he {
  display: flex;
  justify-content: space-between;
}

.field-error {
  font-size: small;
  display: none;
}

.tab-link {
  color: #0a8bc2;
}

.tab-link:hover {
  text-decoration: none;
}

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